我想知道在angular中是否有一种方法可以有条件地显示内容，而不是使用ng-show等。例如，在backbone.js中，我可以在模板中做一些内联内容:
<% if (myVar === "two") { %> show this<% } %>
但在angular中，我似乎仅限于显示和隐藏html标签中包装的东西
<p ng-hide="true">I'm hidden</p>
<p ng-show="true">I'm shown</p>
在angular中，推荐使用什么方式有条件地显示和隐藏内联内容，只使用{{}}而不是将内容包装在html标签中?
当前回答
最近的角度应该是6+。你有一个带有else条件的ng-template连接到一个标签标识符:
<div *ngIf="myVar else myVarNo">Yes</div>
<ng-template #myVarNo><div>No</div></ng-template>
其他回答
当ng-class不能使用时，我使用以下命令有条件地设置类attr(例如在样式化SVG时):
ng-attr-class="{{someBoolean && 'class-when-true' || 'class-when-false' }}"
同样的方法也适用于其他属性类型。
(我认为你需要使用最新的不稳定Angular才能使用ng-attr-，我目前使用的是1.1.4)
我已经发表了一篇关于AngularJS+SVG的文章，讨论了这个问题和相关问题。http://www.codeproject.com/Articles/709340/Implementing-a-Flowchart-with-SVG-and-AngularJS
如果我没理解错的话，我想你有两种方法。
首先，你可以尝试ngSwitch，第二种可能的方式是创建你自己的过滤器。也许ngSwitch是正确的方法，但如果你想隐藏或显示内联内容，使用{{}}过滤器是正确的方法。
下面以一个简单的滤镜为例。
<div ng-app="exapleOfFilter">
<div ng-controller="Ctrl">
<input ng-model="greeting" type="greeting">
<br><br>
<h1>{{greeting|isHello}}</h1>
</div>
</div>
angular.module('exapleOfFilter', []).
filter('isHello', function() {
return function(input) {
// conditional you want to apply
if (input === 'hello') {
return input;
}
return '';
}
});
function Ctrl($scope) {
$scope.greeting = 'hello';
}
检查一个变量的内容并有一个默认文本，你可以使用:
<span>{{myVar || 'Text'}}</span>
Angular UI库有内置的指令UI -if，用于模板/视图中的条件，直到Angular UI 1.1.4
例子: 在Angular UI中支持到UI 1.1.4
<div ui-if="array.length>0"></div>
ng-如果在1.1.4之后的所有angular版本中都可用
<div ng-if="array.length>0"></div>
如果你在数组变量中有任何数据，那么只有div会出现
最近的角度应该是6+。你有一个带有else条件的ng-template连接到一个标签标识符:
<div *ngIf="myVar else myVarNo">Yes</div>
<ng-template #myVarNo><div>No</div></ng-template>
