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

发布时间：2020-12-17 07:42:08 所属栏目：安全来源：网络整理

导读：我想为范围设置一个默认值,由ng-bind来代替.我这样做就像： buttonShow span data-ng-bind="data.text" data-ng-init="data.text = 'All';"/span Names/button 在此示例中,页面加载时,span设置为innerHTML =’All’. 不过,我希望有一种方式可以做到这一点,而

我想为范围设置一个默认值,由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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!