如何根據元素的文本內容切換AngularJS中的可見性？

Question

想象一下，我有以下HTML：

<p id="message" ng-show="something"></p>

現在，在頁面的生命周期中， #message可以在AJAX調用之后填充一些文本消息。

我希望#message根據它是否包含某些東西來切換自己可見/隱藏。

就像是：

<p id="message" ng-show="self.text != ''"></p> <!--Not working but you get the idea -->

Answer 1

我最好的建議是將#message的內容綁定到范圍變量。

<p id="message" ng-show="Content != ''">{{Content}}</p>

然后，您只需更新$ scope.Content的值即可更改#message的內容及其可見性。

Answer 2

Feussy是正確的，將#message元素的內容綁定到范圍變量是正確的方法。

如果由於某種原因您不能或不想將內容綁定到Controller中的變量，則可以直接在元素上綁定內容，這將使您更接近您正在尋找的語法。

<p id="message" ng-bind="self.text" ng-show="self.text !== ''"></p>

這是一個有效的例子。