Javascript Angular.js：重复HTML数据列表

我已尝试在angular.js组件上应用。 我知道需要使用

ng repeat

，但实际上我不知道如何应用它

在我的例子中，数据被构建为HTML文档以供重复。

$ctrl.htmlView中的每一个都是这样的数据

<li ...> ... </li> <li ...> ... </li> ... <li ...> ... </li> 

$http
ajax请求的结果已经在HTML代码中构建，如下所示

<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
...

我觉得这看起来糟透了。在没有附加标签（如
div
）的情况下，如何重复

还有一个问题

我声明了
infinite scroll='$ctrl.loadMore（）'infinite scroll distance='1'
，但angular.js在加载后不调用
loadMore（）
函数（这意味着初始化时只有1个请求，不再调用该函数）。
您可以这样做-将
div
替换为
li
：

<ul>
  <li ng-repeat="item in $ctrl.htmlViews">
    <ng-bind-html ng-bind-html="item"> </ng-bind-html>
  </li>
</ul>

是的，这是可能的。。。您只需要遵循下面的代码


var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.records=[
“阿尔弗雷德·福特基斯特”，
“Berglunds snabbköp”，
“莫特祖玛商业中心”，
“恩斯特·汉德尔”，
]
});


{{x}

您应该直接在'li'标记上迭代HTMLView

<div class="scroll"
    id="antTalkList"
    view-type="total"
    infinite-scroll='$ctrl.loadMore()'
    infinite-scroll-distance='1'>
    <ul class="user_list list ng-scope">
        <li 
            ng-repeat="item in $ctrl.htmlViews" 
            ng-bind-html="item">
       </li>
    </ul>
</div>






您可以在
标记中移动
ng repeat
，它可以工作：
对不起，我想它不是我想要的。
x
必须内置包含
元素的HTML代码请解释。是否要动态添加所有重复列表项？是的，应该是。因为它可以像facebook或twitter那样滚动分页。这也是Akhaya的答案。
项
已生成为HTML数据。对不起，$ctrl.htmlViews字符串是否在控制器中？HTMLView[0]=“”；是的，HTMLView[0]='
。“我已经修改了Angular文档提供的plnkr，这是您需要的吗？”？“项目”是包含HTML代码的字符串哦，请看这个，我将显示为
result.html
。感谢您用ng bind html回答@OriolVivesIs有没有任何方式没有外部标记？
项
已经构建为html代码，如

<ul ...>
  <div>
   <li ...>
    ...
  </div>
  <div>
   <li ...>
    ...
  </div>
</ul>

<ul>
  <li ng-repeat="item in $ctrl.htmlViews">
    <ng-bind-html ng-bind-html="item"> </ng-bind-html>
  </li>
</ul>

<ul>
  <li ng-repeat="item in $ctrl.htmlViews" ng-bind-html="item"></li>
</ul>

<div class="scroll"
    id="antTalkList"
    view-type="total"
    infinite-scroll='$ctrl.loadMore()'
    infinite-scroll-distance='1'>
    <ul class="user_list list ng-scope">
        <li 
            ng-repeat="item in $ctrl.htmlViews" 
            ng-bind-html="item">
       </li>
    </ul>
</div>