如何使用没有任何与之关联的html标签的ng-show

时间:2016-11-01 23:25:23

标签: javascript angularjs angularjs-directive

我处于这样一种情况,我只需要显示没有任何html标签的内容,但据我所知,我没有找到任何没有html标签的内容。

<span ng-show="expression">{{data}}</span>   //output <span>data</span>

但我想显示没有 span标记

的文字
ng-show="expression" {{data}}   //output data

4 个答案:

答案 0 :(得分:2)

HTML的本质是,所有内容都包含在某种标记中,即使它只是正文标记。

无论如何,span标签几乎是不可见的,所以除非你把它设计成不同的样子,否则只需使用它。

另一个选项是将$ scope.data的值设置为代码中的空白,然后您不需要ng-show

答案 1 :(得分:1)

您可以使用如下表达式:{{ data ? data : ''}}。如果data真实,则会打印data。它不漂亮,但确实有效。

答案 2 :(得分:0)

根据角度documentation,ng-show的用法是元素即,ng-show应该与任何一个html元素一起使用。

答案 3 :(得分:0)

你可以在没有ng-show的情况下这样做:

{{ expression ? data : "" }}