如果ng-bind或{{}}为空,如何使用默认文本

时间:2015-07-27 09:08:36

标签: angularjs

我正在尝试将scope变量与<span>绑定,如果范围变量为空,我试图显示一些默认文本。我尝试使用ng-bind和{{1} }但找不到解决方案。This是问题的说明

这是我的控制器

{{}}

这是模板

myApp.controller("MyCtrl",function($scope) {
$scope.level = "iResult";
$scope.reset =function(){
    $scope.level = "";
};

我不是在寻找使用<div ng-controller="MyCtrl" id="tableForVxp" class="dataDisplay2"> {{level}} <button ng-click="reset()">RESET</button> <p>On click of reset the level get updated as blank and if its blank i want a default text "NoneLeft" to be displayed</p> 的解决方案。

2 个答案:

答案 0 :(得分:3)

您可以在绑定表达式中使用OR运算符:

{{level || 'NoneLeft'}}

答案 1 :(得分:0)

尝试

{{level.length>0?level:'NoneLeft'}}