如果angularjs語句不工作

我有一個評估使用angularjs 用戶名和密碼登錄頁面，但似乎我在控制器條件語句返回false，即使我把一個真實值如果angularjs語句不工作

，這裏是我的html文件

<div class="row"> 
<form action="/"> 

    <input type="text" class="form-control" id="username" ng-model="username" required>      
    <input type="Password" class="form-control" id="username" ng-model="password" required>      
    <br> 
    <button type="button" style="width: 40%;" ng-click="submit()"> Log In </button> 

</form>  
</div>

和我的控制器

var app = angular.module('myApp', ["ngRoute"]); 

app.controller('ctrl', 
function($scope, $location) { 

    $scope.submit = function() { 
     var username = $scope.username; 
     var password = $scope.password; 

     if($scope.username == 'admin' && $scope.password == 'admin') { 
      console.debug('success'); 
     } else { 
      console.debug('fail'); 
     } 
    } 


});

我每次在用戶名和密碼，我總是得到輸入「管理員」在「失敗」

我的控制檯意味着提交函數返回false。。

來源

2016-11-10 alvin manarya

' sevenseacat

opps類型多數民衆贊成在應該是id =「密碼」，但我認爲這不會導致問題，因爲即時通訊不使用id atm如果我沒有錯 –

你可以讓你的問題說明你的問題 – gh9

1）每HTML規範，你需要不能有2個不同的元素 html 4.1

2）你應該明確聲明你希望你的控制，注入了像下面的對象相同的ID。這樣，當你minifiy你的代碼，依賴注入將繼續工作

app.controller('ctrl',['$scope','$location' 
function($scope, $location) { }]);

3）回答你的問題，爲什麼沒有這個工作。我的plunkr工程。我刪除了路由，因爲它不需要。請務必在 '管理員' 沒有空格/打字帽

來源

2016-11-10 14:43:52 gh9

<html> 
<head> 
    <script src="angular.js"></script> 
    <script src="route.js"></script> 
</head> 
<body> 
    <div class="row" ng-app="myApp" ng-controller="ctrl"> 
     <form action="/"> 

      <input type="text" class="form-control" id="username" ng-model="username" required>      
      <input type="Password" class="form-control" id="username" ng-model="password" required>      
      <br> 
      <button type="button" style="width: 40%;" ng-click="submit()"> Log In </button> 

     </form>  
    </div> 
    <script> 
     var app = angular.module('myApp',["ngRoute"]); 

     app.controller('ctrl', 
         function($scope, $location) { 

      $scope.submit = function() { 
       var username = $scope.username; 
       var password = $scope.password; 

       if($scope.username == 'admin' && $scope.password == 'admin') { 
        console.debug('success'); 
       } else { 
        console.debug('fail'); 
       } 
      } 
     }); 
    </script> 
</body>

來源

2016-11-10 18:08:10

如果angularjs語句不工作

回答

相關問題