大佬教程收集整理的这篇文章主要介绍了angularjs – 在HTML中将默认值设置为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,请注明来意。