angularjs – 在HTML中将默认值设置为ng-bind

前端之家收集整理的这篇文章主要介绍了angularjs – 在HTML中将默认值设置为ng-bind前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为范围设置一个默认值,由ng-bind来代替.我这样做就像:
<button>Show <span data-ng-bind="data.text" data-ng-init="data.text = 'All';"></span> Names</button>

在此示例中,页面加载时,span设置为innerHTML =’All’.

不过,我希望有一种方式可以做到这一点,而不需要使用ng-init,也许是这样的:

<button>Show <span data-ng-bind="data.text = 'All';"></span> Names</button>
在你的控制器中:
$scope.data = {};
$scope.data.text = "All";

您的标记

<button>Show <span data-ng-bind="data.text"></span> Names</button>

或者,如果您想跳过控制器代码(由Kohjah Breese提供的评论):

<button>Show <span data-ng-bind="data.text || 'All'"></span> Names</button>

大概在控制器的其他地方会有一些代码会切换这个值,但为了初始化的目的,应该这样做.

编辑:或者,正如tymeJV在评论中指出的(ng-cloak add so {{}}语法不会显示用户):

<button>Show <span ng-cloak>{{data.text || "All"}}</span> Names</button>
原文链接:https://www.f2er.com/angularjs/142839.html

猜你在找的Angularjs相关文章