angularjs – 在angular.js中的内联条件

发布时间：2020-12-17 09:22:11 所属栏目：安全来源：网络整理

导读：我想知道是否有一种方式在有条件显示内容，而不是使用ng-show等。例如在backbone.js我可以做一些内联的内容在一个模板，如： % if (myVar === "two") { % show this% } % 但在角度，我似乎只限于显示和隐藏包装在html标签中的东西 p ng-hide="true"I'm hidde

我想知道是否有一种方式在有条件显示内容，而不是使用ng-show等。例如在backbone.js我可以做一些内联的内容在一个模板，如：

<% if (myVar === "two") { %> show this<% } %>

但在角度，我似乎只限于显示和隐藏包装在html标签中的东西

<p ng-hide="true">I'm hidden</p>
<p ng-show="true">I'm shown</p>

在角度中推荐的方式是使用{{}}有条件地显示和隐藏内联内容，而不是在HTML标记中包含内容？

编辑： 2Toad’s answer below是你要找的！ upvote那东西

如果你使用Angular< = 1.1.4，那么这个答案将会：还有一个答案。我发布一个单独的答案，因为它更多是一个“精确”的尝试在一个解决方案，而不是一个可能的解决方案列表：这里有一个过滤器，将做一个“立即if”(又名iif)：

app.filter('iif',function () {
   return function(input,trueValue,falseValue) {
        return input ? trueValue : falseValue;
   };
});

并可以这样使用：

{{foo == "bar" | iif : "it's true" : "no,it's not"}}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!