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']);