如何在angularjs的花括号内添加条件?

时间:2018-12-06 13:14:54

标签: javascript angularjs

我有一个名为$scope.carname = "Volvo"的变量,在html中,我需要检查carname是否存在,那时候我需要显示链接,否则我需要显示一些硬编码值({{1 }})

下面是我的代码

HTML

test

控制器

<h1>{{carname ? <a href='link'>Go here </a> : test}} ;

$scope.carname = "Volvo"

Here Is link

2 个答案:

答案 0 :(得分:0)

用于使用两个ng-if表达式

<h1 ng-if="carname"> <a  href='link'>Go here </a>  </h1>
<h1 ng-if="!carname"> {{test}} </h1>

答案 1 :(得分:-1)

您需要使用ng-if

 $scope.test ="123"
 $scope.carname = "Volvo";

HTML:

    <div ng-if="carname !== ''">{{test}}</div>
    <div ng-if="carname === ''">hard coded value</div>

朋克:http://next.plnkr.co/edit/0KBOPuiYsXmYNQfo