Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>

大佬总结

以上是大佬教程为你收集整理的angularjs – 在HTML中将默认值设置为ng-bind全部内容,希望文章能够帮你解决angularjs – 在HTML中将默认值设置为ng-bind所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。