2016-11-25 58 views
0

我在span上設置了ng-show指令,我想根據響應值從控制器設置表達式值,但我努力在控制器中訪問該表達式,並將其值設置爲true。如何訪問控制器中的表單變量?

這裏是我的html代碼

<md-input-container class="md-block" md-no-float> 
        <input type="mobile" name="mobile" ng-model="vm.form.mobile" placeholder="Mobile" 
          ng-pattern="/^[789]\d{9}$/" maxlength="10" pattern="[0-9]*" required> 
        <div ng-messages="loginForm.mobile.$error" role="alert" multiple> 
         <div ng-message="required"> 
          <span >Mobile is required</span> 
         </div> 
         <div ng-message="pattern"> 
          <span >Mobile must be a valid </span> 
         </div> 
         <span ng-show="true">Sorry, Mobile no. is not registered.</span> 
        </div> 

</md-input-container> 

這是我的控制器

(function() 
{ 
    'use strict'; 

    angular 
     .module('app.pages.auth.login') 
     .controller('LoginController', LoginController); 

    /** @ngInject */ 
    function LoginController(msApi) 
    { 
     // Data 
     var vm = this; 

     vm.login = login; 


     // Methods 
     function login(){ 
      var jsonData = {"mobile":vm.form.mobile}; 
      msApi.request('[email protected]',jsonData, 
       // SUCCESS 
       function (response) 
       { 
        console.log(response.error); 
        if(response.error == 1){ 
         vm.form.mobileErrorFlag = true; 
        } 
       }, 
       // ERROR 
       function (response) 
       { 
        alert(JSON.stringify(response)); 
       } 
      ) 
     } 
     ////////// 
    } 
})(); 
+1

分配NG-顯示的功能和控制器功能或在你的情況,你可以做到這一點爲NG-秀=「vm.form.mobileErrorFlag」 –

+0

NG秀=「錯誤返回true或false() 「像這樣@Vinod。 – SaMeEr

+0

你可以在那裏使用一個變量並根據條件改變它,即true或false –

回答

1

嘗試初始化變量vm.form.mobileErrorFlag = FALSE;

function LoginController(msApi) 
{ 
    // Data 
    var vm = this; 
    vm.form.mobileErrorFlag = false; 
    vm.login = login; 


    // Methods 
    function login(){ 
     var jsonData = {"mobile":vm.form.mobile}; 
     msApi.request('[email protected]',jsonData, 
      // SUCCESS 
      function (response) 
      { 
       console.log(response.error); 
       if(response.error == 1){ 
        vm.form.mobileErrorFlag = true; 
       } 
      }, 
      // ERROR 
      function (response) 
      { 
       alert(JSON.stringify(response)); 
      } 
     ) 
    } 
    ////////// 
} 
})(); 
相關問題