使用ng-if显示html内容

Question

我想要一种方法来显示某些东西是否存在然后显示其他东西。

到目前为止，我有这个：

<span ng-if="likes.length = 0"> No hacks to display </span>

所以如果长度为零则显示此信息。

如果存在，此代码会按顺序进行过滤：

<md-list-item class="md-3-line hacks-hack"
    ng-repeat="hack in hacksCtrl.hacks | orderBy: likes.length : reverse | filter:searchText | filter:hacksCtrl.filterStatus"
    ng-click=hacksCtrl.goToHack(hack.id)>

不确定我错过了什么，谢谢

Answer 1

=运算符为表达式左侧的变量赋值。

使用===或==进行比较。

<span ng-if="likes.length === 0"> No hacks to display </span>

===运算符在比较之前不会进行类型转换，而==在比较之前进行类型转换。

如果两个操作数的类型相同，则

===（Identity运算符）是比较的正确方法。

Here是工作样本的最小值

Answer 2

您是否尝试过使用ng-show而不是ng-if？如果该语句为真，则仅在页面上呈现ng-if。在你使用过滤器的地方，我建议尝试ng-show它是简单的文本，并不会真正影响渲染时间。