javascript - 如何使用 angularjs 和 html 格式显示重复列表？

Question

我想显示一个重复列表，并使用 ngSanitize 渲染每个元素，如下所示:

<div ng-repeat="todo in todos" ng-bind-html="todo.text"/>

我在控制台中没有收到任何错误，但也没有得到任何输出。为什么？

顺便说一句:以下确实有效，但未格式化标记:

<div ng-repeat="todo in todos">{{todo.text}}</div>

Answer 1

我认为您的代码中有一些错误。下面的例子应该可以帮助你进一步。请记住，Angular 不支持自动关闭 <div> -标签。

HTML

<div ng-app="myApp" ng-controller="myAppCtrl">
    <div ng-repeat="todo in totos" ng-bind="todo.text"></div>
</div>

JS

angular.module("myApp", [])
.controller("myAppCtrl", function($scope) {
    $scope.todos = [
        {name: "todo1", text: "This is test todo 1"},
        {name: "todo2", text: "This is test todo 2"},
        {name: "todo3", text: "This is test todo 3"}
    ]
});

JSFiddle:https://jsfiddle.net/ABr/38foxe31/