Angularjs 如何将ng if与ionicPopup一起使用

我正在尝试这样做，当我点击发送按钮时，会出现一个弹出窗口，如果用户输入了正确的消息，它会进入下一个屏幕，如果没有，它会停留在屏幕上

我的代码： my controller.js

.controller('loginController', function($scope, $stateParams, $ionicPopup, $ionicHistory, $state) {

  $scope.Enviar = function(){


            var confirmPopup = $ionicPopup.prompt({
              title: 'Login',
              template: 'Pergunta: Digite a P∴S∴ do AP∴?',
              inputType: 'text',
              inputPlaceholder: 'Digite a senha',
              ng-model="login"
            });
            confirmPopup.then(function(res) {
               if(res) {
                  $state.go('app.home');

               } else {
                  console.log('teste');
                  $state.go('login');
               }
            })
  }

})

my login.html

<ion-view view-title="login">
  <ion-content class="login-principal" scroll="true">
     <div class="login-imagem">
      <img class="full-image" ng-src="img/GOMB.jpg">
     </div>
     <div>
        <ion-list class="list-inset">
          <ion-item class="item-input">
            <i class="icon ion-ios-email-outline placeholder-icon"></i>
            <input type="text" placeholder="E-mail">
          </ion-item> 
          <ion-item class="item-input">
            <i class="icon ion-ios-locked-outline placeholder-icon"></i>
            <input type="text" placeholder="Senha">
          </ion-item> 
        </ion-list>
        <div class="row login">
            <div class = "col col-50" >
              <a class="button button-block button-dark" ui-sref="app.cadastroUsuario">Criar conta</a>
            </div>
            <div class = "col col-50" >  
              <a class="button button-block button-dark" ng-click="Enviar()">Entrar</a>
            </div>
        </div>
      </div>  
  </ion-content>
</ion-view>

我的问题是如何将ng模型和ng if与ionicPopup一起使用？

而不是$ionicPopup.prompt您只需使用$ionicPopup.show并在其对象的模板属性中使用ng模型和ng if编写您想要的模板即可。您也可以有按钮和它们的自定义文本以及特定的操作onTap，比如在弹出窗口中返回输入字段的模型值。因此，您可以使用以下函数调用弹出窗口：

$scope.showPopup = function() {
   $scope.data = {}
   // An elaborate, custom popup
   var myPopup = $ionicPopup.show({
     template: '<input type="password" ng-if="isNotConnected" 
                ng-model="data.wifi" placeholder="Enter Password">',
     title: 'Enter Wi-Fi Password',
     subTitle: 'Please use normal things',
     scope: $scope,
     buttons: [
       { text: 'Cancel' },
       {
         text: '<b>Save</b>',
         type: 'button-positive',
         onTap: function(e) {
           if (!$scope.data.wifi) {
             //don't allow the user to close unless he enters wifi password
             e.preventDefault();
           } else {
             return $scope.data.wifi;
           }
         }
       },
     ]
   });
   myPopup.then(function(res) {
     console.log('Tapped!', res);
   });

};

---

查看此代码笔：

很高兴它有帮助。当有人已经花了时间解决了问题，而你接受了答案时，你不需要为自己的问题写答案！你的回答与你自己的问题无关。您询问是否可以在Ionic popup中使用ng if/ng模型。不要这样做，否则人们会停止回答你的问题。

$scope.Enviar = function(){
            var obj = new String("boa");

            $ionicHistory.nextViewOptions({
                    disableBack : true
            })

            var confirmPopup = $ionicPopup.prompt({
              title: 'Login',
              template: 'Pergunta: Digite a?',
              inputType: 'text',
              inputPlaceholder: 'Digite em minusculo'
            });
            confirmPopup.then(function(res) {
               if(res == obj) {
                  $state.go('app.home');
                  console.log(res);
               } else {
                  //console.log('teste');
                  $state.go('login');
                  //console.log(res);
               }
            })
  }