角js格式中的滚动错误聚类

Question

尝试使用角js类型记录中的集群js来实现延迟加载。不幸的是得到了错误。

有什么专家建议吗？

HTML视图

<div id="scrollArea" class="clusterize-scroll">
    <ul id="contentArea" class="clusterize-content"></ul>
</div>

角JS

namespace Cis2.VC.OrderCreate {

angular.module("cis2")
    .directive("cis2VCOrderCreate", directiveDefinition);

templateUrl = "sections/vc/columns/vcOrderCreate/view.html";

function directiveDefinition () {
         directive = {
        "bindToController": true,
        "controller": cis2VCOrderCreateController,           
        "templateUrl": templateUrl
    };
 }

class cis2VCOrderCreateController implements Cis2.Finder.Column.IEntityCreator {    

        constructor() {    

        activate () {            
            let rows   = [];
            for(var i = 1; i < 50000; i++) {
                rows.push(i);
            }
            console.log(rows);
            var clusterize = new Clusterize({
                rows: rows,
                scrollId: 'scrollArea',
                contentId: 'contentArea'
            });
    }
}

}

控制台错误

TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
    at Clusterize.html (http://localhost:63342/cis-ui-src/public/lib/clusterize/clusterize.js:341:26)      

Answer 1

您应该为rows选项提供标记。数字是行不通的。从文件中：

行 如果您自己呈现行-传递字符串中的标记数组。这条路更好。如果您需要使用现有的标记--完全不要指定此选项。

    activate () {            
        let rows   = [];
        for(var i = 1; i < 50000; i++) {
            rows.push("<li>" + i + "</li>");  //this must be a string of markup
        }
        console.log(rows);
        var clusterize = new Clusterize({
            rows: rows,
            scrollId: 'scrollArea',
            contentId: 'contentArea'
        });