2014-10-29 40 views
1

在角度表達式中可能有字符串嗎?例如:在角度表達式中的字符串

<p><strong>Phone:</strong> {{ phone }}</p> 

它有可能有一個表達式內部的<strong>標籤,所以Phone:不會呈現頁面,除非有從{{ phone }}表達拉?

希望是有道理的。

任何幫助表示讚賞。

在此先感謝!

+2

你可以在'p'元素中使用'ng-if =「phone」'指令 – 2014-10-29 12:33:44

回答

2

可以使用NG-顯示,只顯示在特定條件下的元素,所以你的情況,你可以隱藏完整的p元素,如果需要的值沒有使用NG秀定義爲:

(或者可以使用NG-如果完全跳過元素拉希爾瓦齊爾在他的評論中提到的)

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl', function($scope){ 
 
    $scope.phone1 = '1234'; 
 
    $scope.phone2 = undefined; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="MyCtrl"> 
 
     <p ng-if="phone1"><strong>Phone: {{phone1}}</strong></p> 
 
     <p ng-if="phone2"><strong>Phone: {{phone2}}</strong></p> 
 
    </div> 
 
</div>

+0

有沒有辦法讓HTML在隱藏的時候不會出現? – realph 2014-10-29 12:45:13

0

是的,你可以在AngularJS

使用強標籤
<!DOCTYPE html> 
<html> 

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
</head> 

<body> 

<div ng-app="" ng-controller="personController"> 

Phone: <input type="text" ng-model="phone "><br> 

<br> 

<p><strong>Phone:</strong> {{ phone }}</p> 
</div> 

<script> 
function personController($scope) { 
$scope.phone = "987654321" 

} 
</script> 

</body> 
</html> 
-1

是的,你可以使用{{'一些隨機字符串'+ x}}。這裏'x'是一個定義在這個表達式所指的任何範圍上的變量。

字符串連接將按照您的預期發生。