javascript - 如何根据元素的文本内容切换 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 的内容绑定(bind)到范围变量。

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

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