Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angularjs和html格式显示重复列表?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何使用angularjs和html格式显示重复列表?

Javascript 如何使用angularjs和html格式显示重复列表?,javascript,angularjs,Javascript,Angularjs,我想显示一个重复列表,并使用ngSanitize呈现每个元素,如下所示: <div ng-repeat="todo in todos" ng-bind-html="todo.text"/> 控制台中没有错误,但也没有任何输出。为什么? 顺便说一句:以下内容确实有效,但未格式化的标记: <div ng-repeat="todo in todos">{{todo.text}}</div> {{todo.text} 我认为您的代码中有一些错误。下面的示例将进

我想显示一个重复列表,并使用
ngSanitize
呈现每个元素,如下所示:

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

控制台中没有错误,但也没有任何输出。为什么?

顺便说一句:以下内容确实有效,但未格式化的标记:

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

我认为您的代码中有一些错误。下面的示例将进一步帮助您。记住,Angular不支持自动关闭标签

HTML

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

JSFiddle:

我认为您的代码中有一些错误。下面的示例将进一步帮助您。记住,Angular不支持自动关闭标签

HTML

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

我已经创建了一个解决方案,并试图复制您的问题,但一切正常

需要考虑以下几点:

1) 您是否已在索引文件中加载angular sanitize?(在app.js之前)

我已经创建了一个测试,并试图复制您的问题,但一切正常

需要考虑以下几点:

1) 您是否已在索引文件中加载angular sanitize?(在app.js之前)


它应该是
todos
,而不是
tototos
?另外,请关闭
ng repeat
上的引号。抱歉,这里只是输入错误。为什么
ng bind html
而不仅仅是
ng bind
?因为
文本
包含类似
测试文本
的html标记元素。您使用的是什么版本的angular?它应该是
todos
,而不是
TOTOTOS
?另外,请关闭
ng repeat
上的引号。抱歉,这里只是输入错误。为什么
ng bind html
而不仅仅是
ng bind
?因为
文本
包含类似
测试文本
的html标记元素。您使用的是什么版本的angular?“记住,
-标记不是自动关闭的”,除了在XHTML中,但很少有人再使用XHTML了……这是有效的。所以,如果我没弄错的话,我是不允许像
那样关闭的,但是必须像
一样再次使用显式标记,即使div之间的文本是空的?“记住
-标记不是自动关闭的”,除了在XHTML中,但很少有人再使用XHTML了……这是有效的。因此,如果我没弄错的话,我不允许像
那样关闭,但必须像
一样再次使用显式标记,即使div之间的文本是空的?谢谢你的提示,它们都是正确的。不管怎样,正如上面所写的,结果是我必须显式地关闭
标记。感谢您的提示,这些提示都是正确的。不管怎样,正如上面所写的,结果证明我必须显式地关闭
标记。
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-sanitize.js"></script>    
angular.module('app', ['ngSanitize']);