angularjs:检查视图中的值

时间:2014-04-01 16:40:59

标签: javascript html angularjs view

我的观点中有{{sales.description}},列表中使用了{{1}}(如果这是一个问题)。它显示文本完美,毫无疑问。但是,我希望它显示相同的文本,如果该文本不等于" test"。否则显示"不可用" (而不是"测试")。

在视图中检查的最快方法是什么?

3 个答案:

答案 0 :(得分:3)

您可以使用三元运算符

执行此操作

<span>{{sales.description=='test' ? 'not available':sales.description}}</span>

答案 1 :(得分:0)

我找到了一个解决方案,但我不确定这是不是最好的方式(我将文本包装进去,我不喜欢它,但它有效):

<span ng-if="sales.description=='test'">not available</span><span ng-if="sales.description!='test'">{{sales.description}}</span>

P.S。一旦有多个特定案例,这个解决方案就会变得更糟。

答案 2 :(得分:0)

我认为有更好的方法来检查价值。你可以尝试如下样本:

HTML

<div ng-app="myApp">
    <div ng-controller="testController">
        {{ sales.description == 'test' && 'test' || 'Not Available' }}
    </div>
</div>

JS

angular.module('myApp', [])
.controller('testController', function ($scope) {
    $scope.sales = {
        description: 'testfdsf'
    };
});

希望这会对你有所帮助!!