格式化字符串中的角度表達

在我的角度應用程序，我想顯示的值：格式化字符串中的角度表達

<div>{{myValue}}</div>

我也想讓它顯示「空」如果值是空的，就像這樣：

<div>{{myValue || 'Empty'}}</div>

我該如何讓myValue的格式正常，但'Empty'是否以斜體顯示？

來源

2014-02-05 user1007895

需要如果要將HTML添加到輸出中，請使用'ng-bind-html'指令 –

的一種方法是使用一個ng-if來處理兩種情況：

HTML模板：

<div ng-if="myValue">{{myValue}}</div> 
<div ng-if="!myValue"><i>Empty</i></div> <!-- css here! -->

然而，這可能是一個有點冗長。如果您一次又一次發生此情況，請使用filter或通過控制器功能綁定ng-bind-html。

來源

2014-02-05 17:34:15

可以使用ng-show/ng-hide：根據傳遞的值

<div ng-show="myValue">{{myValue}}</div> 
<div ng-hide="myValue"><i>Empty</i></div>

這些指令採取「truthy」值，並顯示/隱藏。

來源

2014-02-05 17:38:53

一個角的方法，就是用NG綁定，HTML

<body ng-controller="ngBindHtmlCtrl"> 
    <p ng-bind-html="myValue"></p> 
    </body>

在控制器，您管理emptyness條件：

app.controller('ngBindHtmlCtrl', ['$scope', function ngBindHtmlCtrl($scope) { 
    if($scope.myValue == ''){ 
    $scope.myValue = '<i>Empty</i>'; 
    } 
}]);

入住這plunker

HTH

來源

2014-02-05 18:06:47 Osy

格式化字符串中的角度表達

回答

相關問題