angularjs – 如何使用如果离子弹出中的条件

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

导读：我创建了一个常用的Popup屏幕,它在三个模块中使用但三个模块有不同的标题.我没有给出标题中的条件,是否有可能给我解决方案. 弹出代码在这里： function showPopup () { $scope.data = {}; var myPopup = $ionicPopup.show({ template: 'input focus-me type=

我创建了一个常用的Popup屏幕,它在三个模块中使用但三个模块有不同的标题.我没有给出标题中的条件,是否有可能给我解决方案.

弹出代码在这里：

function showPopup () {
  $scope.data = {};
  var myPopup = $ionicPopup.show({
    template: '<input focus-me type="text" ng-model="data.expensetype" limit-char limit="15">',if (vm.usertype === 'Worker') {
      title: $translate.instant('{{"wtype_message" | translate}}'),}
    else if (vm.usertype === 'Buyer') {
      title: $translate.instant('{{"btype_message" | translate}}'),}
    else if (vm.usertype === 'Expense') {
      title: $translate.instant('{{"etype_message" | translate}}'),}
    scope: $scope,buttons: [
     { text: $translate.instant('{{"pcancel_message" | translate}}') },{
        text: $translate.instant('{{"psave_message" | translate}}'),type: 'button-positive',onTap: function (e) {
          if (!$scope.data.expensetype) {
            e.preventDefault();
          } else {
            addExpenseCategory();
            return $scope.data.expensetype;
          }
        }
      },]
  });
  myPopup.then(function (res) {
    $log.log('Tapped!',res);
  });
}

解决方法

试试这个：

var categorytitle = '';
  $log.log('vm.usertype',vm.usertype);
  switch (vm.usertype) {
    case 'Farmer':
      categorytitle = 'Enter coconut type';
      break;
    case 'Worker':
      categorytitle = $translate.instant('{{"venterworktype_message" | translate}}');
      break;
    case 'Buyer':
      categorytitle = $translate.instant('{{"venterproduct_message" | translate}}');
      break;
    case 'Group':
      categorytitle = $translate.instant('{{"wtype_message" | translate}}');
      break;
    case 'Expense':
      categorytitle = $translate.instant('{{"newexpensetype_message" | translate}}');
      break;
  }
  var myPopup = $ionicPopup.show({
    template: '<input focus-me type="text" ng-model="data.expensetype" limit-char limit="15">',//title: $translate.instant('{{"penterexpensetype_message" | translate}}'),title: categorytitle,scope: $scope,onTap: function (e) {
          if (!$scope.data.expensetype) {
            //don't allow the user to close unless he enters producttype
            e.preventDefault();

          } else {
            addExpenseCategory();
            return $scope.data.expensetype;
          }
        }
      },res);
  });

（编辑：李大同）

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