如何在Ionic framework的动作表单中设置条件选项标签?
How do I make option labels conditional in Ionic Framework's action sheets?
我希望Ionic动作表中的选项根据条件更改文本。具体来说,如果列表项未标记($scope),我希望选项读取"Flag"。flag = false),如果标记了,则为"Unflag"($scope。Flag = true).
现在,我的文本标签是:
<div ng-show="flag">Flag</div> <div ng-show="!flag">Unflag</div>
但是它不起作用。相反,我看到的只有两种选择。有人知道怎么解决这个问题吗?我的完整代码在下面,在这个代码中。
HTML:<ion-content>
<ion-list>
<ion-item on-hold="showActionSheet()">
Item 1
</ion-item>
</ion-list>
</ion-content>
JAVASCRIPT: angular.module('ionicApp', ['ionic']).controller('MyCtrl', function($scope, $timeout, $ionicActionSheet, $ionicListDelegate) {
$scope.flag = true;
$scope.showActionSheet = function() {
// Show the action sheet
var hideSheet = $ionicActionSheet.show({
buttons: [
{ text: '<div ng-show="flag">Flag</div><div ng-show="!flag">Unflag</div>' },
],
titleText: 'Action Sheet',
cancelText: 'Cancel',
cancel: function() {
// add cancel code..
},
buttonClicked: function(index) {
$scope.flag = !$scope.flag ;
return true;
}
});
};
});
对于Ionic的当前版本(2+),您可以使用*ngIf
来完成此操作。要解决标记/不标记问题,您可以这样做:
<ion-label *ngIf="flag">Flag</ion-label>
<ion-label *ngIf="!flag">Unflag</ion-label>
可以用button等代替ion-label
相关文章:
- 如何在页面加载时设置函数的条件
- 使用jQuery按条件将样式设置为html标记
- 将字段设置为有条件地使用所需的字段验证器
- 为什么不是't正在设置的||条件中的以下值
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- 有条件刷新页面-如何设置引用人
- 有条件地设置可编辑或只读文本字段
- 为表的内部 HTML 设置条件
- jQuery 验证 - 根据用户选择设置条件规则
- 如何对链式事件设置条件
- 正确的方法或方法在循环内设置条件时做
- 车把,如何为帮助程序返回的值设置条件
- 在设置条件以仅在数组中存在相应对象时才执行函数时遇到问题
- 为web窗体下拉菜单设置条件javascript
- 如何在Jquery . live()函数中设置条件
- 如何在Ionic framework的动作表单中设置条件选项标签?
- 通过javascript为jsf中的commandlink标签的目标属性设置条件
- 有没有一种方法可以设置条件,使一个参数根据另一个参数而不同?Javascript
- MongoDB:如何为多个可选值设置条件
- 在history.back()上设置条件