使用ng-click切换内容

时间:2015-06-22 16:07:03

标签: javascript angularjs angularjs-ng-click ng-hide

我有以下查询循环遍历字符串数组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()

1 个答案:

答案 0 :(得分:0)

在阅读文件后,Angular提到使用控制器中的dom是个坏主意:

  

注意:此错误通常意味着您从控制器访问DOM,这通常表示编码风格较差,违反了关注点分离。

所以,我所做的是创建一个包含目录并将包含的东西放在那里,现在我使用ng-include而不是在控制器中构建dom项。