Javascript 使用ng单击切换内容

Javascript 使用ng单击切换内容,javascript,angularjs,angularjs-ng-click,ng-hide,Javascript,Angularjs,Angularjs Ng Click,Ng Hide,我有下面的查询,它通过字符串数组wikiContent循环。一旦我显示了数组中的前三个值(句子),我想添加一个链接,上面写着More,当你点击它时,它会显示其余的句子 以下是我所拥有的(这是在使用$http的AJAX请求中): 以下是toHtml()函数: $scope.toHtml = function(string){ return $sce.trustAsHtml(string); }; 阅读文档后,Angular提到从控制器使用dom是一个坏主意: 注意:此错误通常意味着您正在

我有下面的查询,它通过字符串数组
wikiContent
循环。一旦我显示了数组中的前三个值(句子),我想添加一个链接,上面写着
More
,当你点击它时,它会显示其余的句子

以下是我所拥有的(这是在使用
$http
AJAX
请求中):

以下是
toHtml()
函数:

$scope.toHtml = function(string){
    return $sce.trustAsHtml(string);
};

阅读文档后,Angular提到从控制器使用dom是一个坏主意:

注意:此错误通常意味着您正在从控制器访问DOM,这通常是违反关注点分离的糟糕编码风格的标志


因此,我所做的是创建一个includes目录,并将包含的内容放入其中,现在我使用
nginclude
而不是在控制器中构建dom项。

在其中创建一个空href。您可能需要添加
#
javascript:或使用按钮。您也可以像这样停止传播。这会停止重新加载,但不会修复范围的切换。
ng click
正在运行吗?您能提醒要测试的
ng click
show
的值吗?不,它看起来不像
ng click
正在运行。没有显示警报框。我认为这与动态添加html有关……使用Angular中的动态html,您需要添加一个
$compile
,并将其放入
$scope
。看看是否有帮助。
<div class="panel-body" ng-bind-html="toHtml(text)"></div>
$scope.toHtml = function(string){
    return $sce.trustAsHtml(string);
};