我有以下查询循环遍历字符串数组wikiContent
。一旦我从数组中显示前三个值(句子),我想添加一个说More
的链接,当你点击它时,它会显示其余的句子。
以下是我所拥有的内容(这是在使用AJAX
的{{1}}请求中):
$http
当我点击var opt = "<span>";
for(var j = 0; j < wikiContent.length; j++){
opt += wikiContent[j];
if(j === 2){
opt += "</span><span ng-hide='!show'>";
}
}
opt += " ... <a href=\"\" ng-click='show=!show'>More</a>";
opt += "</span>";
$rootScope.text = opt;
时,它会做两件事:
我可以做些什么来解决这两个问题?
这是HTML:
More
以下是<div class="panel-body" ng-bind-html="toHtml(text)"></div>
功能:
toHtml()
答案 0 :(得分:0)
在阅读文件后,Angular提到使用控制器中的dom是个坏主意:
注意:此错误通常意味着您从控制器访问DOM,这通常表示编码风格较差,违反了关注点分离。
所以,我所做的是创建一个包含目录并将包含的东西放在那里,现在我使用ng-include
而不是在控制器中构建dom项。