angular:根据模型中的布尔值切换按钮文本
28985 观看
5回复
什么是基于布尔值更改按钮元素中的文本的简单方法?
伪代码:
<button> some text OR some other text </button>
我读到了这个:表达式中的Angularjs if-then-else构造
这关于ng-switch:http://docs.angularjs.org/api/ng.directive : ngSwitch
似乎都不能使用模型中的bool值
作者: CodeToad 的来源 发布者: 2019 年 6 月 13 日回应 (5)
57像
应该这样使用:
<button> {{ cond_vall == true ? 'Case 1' : 'Case 2' }}</button>
作者: RockOnGom
发布者: 16.12.2014 08:40
13像
我想这取决于你试图展示的文字。如果您可以控制文本在控制器中的内容,则可以将文本绑定到范围变量并将其设置在控制器中,这样您就不必在视图中放置任何逻辑。就像是:
<button>{{someScopeVarWithYourString}}</button>
否则,您可以在布尔条件上使用ng-if或ng-show。
<button ng-show="someBoolValue">some text</button>
<button ng-show="!someBoolValue">some other text</button>
作者: BoxerBucks
发布者: 29.01.2014 07:11
8像
因为我需要为按钮文本使用过滤器(翻译过滤器),所以以下解决方案最适合我:
<button>
<span> {{ condition ? 'some_text' : 'some_Other_text' | translate }}"</span>
</button>
作者: Tonio
发布者: 02.08.2016 01:48
2像
没有足够的代表来编辑或评论,添加到@Tonio的答案(这对我不起作用)如果你想要翻译,这是正确的:
<button>
<span> {{ condition ? 'some_text' : 'some_Other_text' | translate }}</span>
</button>
作者: user2235494
发布者: 26.04.2017 03:15
0像
<div ng-app="myModule">
<div ng-controller="myController">
{{message}} <br />
<button ng-click="changeMessage(message)">Change Message</button>
</div>
</div>
var module = angular.module("myModule", []);
module.controller("myController", function($scope) {
$scope.message = "Hello World";
$scope.changeMessage = function(value) {
if(value==="Hello World"){
$scope.message = "Hello Universe!";
}else{
$scope.message = "Hello World";
}
};
});
作者: swetha T.M
发布者: 14.05.2018 07:03
来自类别的问题 :
- javascript 如何检测网页中使用了哪一个定义的字体?
- javascript JavaScript对象的长度
- javascript 从下拉框中获取文本
- javascript 带隐藏按钮的登录脚本
- javascript 如何使用Prototype自动调整textarea?
- javascript 使用JavaScript滚动溢出的DIV
- angularjs AngularJS与Django-模板标签冲突
- angularjs 一个AngularJS控制器可以调用另一个吗?
- angularjs 将HTML插入视图
- angularjs 我可以使用另一个前缀而不是使用angularjs的“ng”吗?
- angularjs 无法进入$ rootScope
- angularjs 使用AngularJS跟踪Google Analytics网页浏览量
- angular 如何查看我使用的Angular版本?
- angular AngularJS:如何清除URL中的查询参数?
- angular angular:根据模型中的布尔值切换按钮文本
- angular Angular 2:是否强制使用括号/方括号?
- angular 在最新的TypeScript(大概是v1.5)示例中,@(符号)是什么意思?
- angular Angular 2.0绑定到样式的值