angular:根据模型中的布尔值切换按钮的文本
angular:根据模型中的布尔值切换按钮的文本
提问于 2014-01-30 03:06:23
根据布尔值更改按钮元素中的文本的简单方法是什么？
伪代码：
<button> some text OR some other text </button>我读到了这个：Angularjs if-then-else construction in expression
关于ng-switch：http://docs.angularjs.org/api/ng.directive:ngSwitch
使用模型中的布尔值似乎都不起作用
回答 5
Stack Overflow用户
回答已采纳
发布于 2014-12-16 16:40:05
应该像这样使用：
<button> {{ cond_vall == true ? 'Case 1' : 'Case 2' }}</button>Stack Overflow用户
发布于 2014-01-30 03:11:34
我猜这取决于您试图显示的文本是什么。如果您可以控制控制器中的文本内容，则可以将文本绑定到范围变量并在控制器中对其进行设置，这样就不必在视图中放置任何逻辑。类似于：
<button>{{someScopeVarWithYourString}}</button>否则，您可以在布尔条件上使用ng-if或ng-show。
<button ng-show="someBoolValue">some text</button>
<button ng-show="!someBoolValue">some other text</button>Stack Overflow用户
发布于 2016-08-02 21:48:01
因为我需要对按钮文本使用过滤器(translate filter)，所以下面的解决方案最适合我：
<button>
<span> {{ condition ? 'some_text' : 'some_Other_text' | translate }}</span>
</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21440288
复制相关文章
相似问题