javascript - ng-disabled 没有禁用 Angular JS 中的按钮

Question

为什么按钮没有被禁用？

var mainApp = angular.module('mainApp', []);

mainApp.controller('mainController', function ($scope) {
    $scope.form = {
        login: ''
    };
});

<form ng-controller="LoginAppCtrl as lc" ng-app="MTApp">
  <div class="login">
    <h1>LOG IN</h1>	
  </div>
  <div>
    <div>User Name :</div>
    <div>
      <input type="text" name="tbUserName" required ng-model="lc.request.user">
    </div>
  </div>

  <div>
    <div>Password :</div>
    <div>
      <input type="text" name="tbPassword" required ng-model="lc.request.password">
    </div>
  </div>
  <div>
    <div>
      <button ng-click="lc.submitRequest()" ng-disabled="lc.request.user == '' || lc.request.password == '' ">Sign In</button>
    </div>
  </div>
</form>

我是 Angular JS 的新手，我正在尝试制作一个简单的登录表单，如果登录成功将显示其他表单，否则将保留登录表单。谁能帮我？我需要基础教程。

Answer 1

你的代码有几个错误:

第一个是您将模块声明为主应用程序:angular.module('mainApp', []); 但您正在做 ng-app="MTApp"。您需要使用您声明的应用，这意味着它必须是 ng-app="mainApp"。

同样适用于 Controller 声明和ng-controller，它需要相同。

第二个问题是如果request是一个对象，你应该在你的 Controller 上启动它:

$scope.request = {};

第三个问题是您还需要检查undefined，而不仅仅是一个空字符串:

ng-disabled="!request.user || !request.password"

看看这个Fiddle获取完整的代码和 HTML。