如何有条件地隐藏其中一个操作表按钮?
$scope.showActionsheet = function() {
$ionicActionSheet.show({
titleText: "<i>{{program.label}}</i>" ,
buttons: [
{ text: '<i class="icon ion-gear-a"></i> Configuration' }, // show this only if (ng-if="program.actions.configuration")
{ text: '<i class="icon ion-cube"></i> Administration' }, // show this only if (ng-if="program.actions.administration")
{ text: '<i class="icon ion-edit"></i> Edit' },
{ text: '<i class="icon ion-person-add"></i> Parrainage' },
{ text: '<i class="icon ion-person-stalker"></i> Filleuls' },
{ text: '<i class="icon ion-clipboard"></i> CGV' },
],
destructiveText: 'Delete',
cancelText: 'Cancel',
});
};
如何使用ng-if和操作表???
4条答案
按热度按时间ctehm74n1#
您可以使用如下条件创建按钮数组。
f4t66c6m2#
我也有同样问题,这对我很有效
nzk0hqpo3#
您可以尝试使用这个简单的三元运算子。
euoag5mw4#
对于那些寻找如何使用Ionic 4 - 6版本有条件地隐藏操作表按钮之一的人。你可以为每个按钮使用类名。
创建CSS类并将其插入
globle.css
。TS代码:
HTML:
它工作正常,没有任何问题。