如何在angularjs中的花括號內添加條件？

Question

我有一個名為$scope.carname = "Volvo"變量，在html中，我需要檢查carname是否存在，那時候我需要顯示鏈接，否則我需要顯示一些硬編碼值（ test ）

下面是我的代碼

HTML

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

控制者

$scope.carname = "Volvo" ;

$scope.link= "https://www.w3schools.com"

這里是鏈接

Answer 1

用於使用兩個ng-if表達式

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

Answer 2

您需要使用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