Question

是否可以在Angular表达式中包含一个字符串？例如：

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

是否可以在该表达式中包含<strong>标记，因此除非从Phone:表达式中提取某些内容，否则{{ phone }}不会呈现给页面？< / p>

希望这是有道理的。

感谢任何帮助。

提前致谢！

Answer 1

您可以使用ng-show仅在特定条件下显示元素，因此在您的情况下，如果未使用ng-show定义所需的值，则可以隐藏完整的p元素：

（或者您可以使用ng-if完全跳过该元素，正如Rahil Wazir在评论中提到的那样）

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>

Answer 2

使用ng-show指令。

https://docs.angularjs.org/api/ng/directive/ngShow

或者也使用ng-hide指令。希望它有所帮助。

Answer 3

是的，您可以在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>

Answer 4

是的，你可以使用 {{＆＃39;一些随机字符串＆＃39; + x}} 。此处＆＃39; x＆＃39; 是在此表达式所指的范围内定义的变量。

字符串连接将按预期发生。

角度表达式中的字符串

4 个答案: