在角度表達式中可能有字符串嗎?例如:在角度表達式中的字符串
<p><strong>Phone:</strong> {{ phone }}</p>
它有可能有一個表達式內部的<strong>
標籤,所以Phone:
不會呈現頁面,除非有從{{ phone }}
表達拉?
希望是有道理的。
任何幫助表示讚賞。
在此先感謝!
在角度表達式中可能有字符串嗎?例如:在角度表達式中的字符串
<p><strong>Phone:</strong> {{ phone }}</p>
它有可能有一個表達式內部的<strong>
標籤,所以Phone:
不會呈現頁面,除非有從{{ phone }}
表達拉?
希望是有道理的。
任何幫助表示讚賞。
在此先感謝!
可以使用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>
有沒有辦法讓HTML在隱藏的時候不會出現? – realph 2014-10-29 12:45:13
是的,你可以在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>
是的,你可以使用{{'一些隨機字符串'+ x}}。這裏'x'是一個定義在這個表達式所指的任何範圍上的變量。
字符串連接將按照您的預期發生。
你可以在'p'元素中使用'ng-if =「phone」'指令 – 2014-10-29 12:33:44