当所有字段为空时使用 angular js 禁用保存按钮

Question

当用户没有输入任何值时，我需要禁用我的保存按钮。

  <form name="user">  
    <p>User Name </p>
    <input type="text" ng-model="user.username"/>
    
    <p>City </p>
    <input type="text" ng-model="user.city"/>
    
    <p>Job </p>
    <input type="text" ng-model="user.job"/>
    
    <p>Auth Level</p>
    <select ng-model="user.level"> 
      <option value="">--Select--</option>
      <option value="1"> Level 01</option>
      <option value="2"> Level 02</option>
      <option value="3"> Level 03</option>
    </select>
    <a href=""  
      class="btn btn-primary btn-flat"
      ng-click="saveUser(user)"
      ng-disabled="">
      Save
    </a>
  </form>

如果所有表单字段为空，我需要禁用保存按钮。我是怎么做到的

Answer 1

试试这个：

 <form name="user">  
    <p>User Name </p>
    <input type="text" ng-model="user.username" />
    
    <p>City </p>
    <input type="text" ng-model="user.city" />
    
    <p>Job </p>
    <input type="text" ng-model="user.job" />
    
    <p>Auth Level</p>
    <select ng-model="user.level"> 
      <option value="">--Select--</option>
      <option value="1"> Level 01</option>
      <option value="2"> Level 02</option>
      <option value="3"> Level 03</option>
    </select>
    <button
      class="btn btn-primary btn-flat"
      ng-click="saveUser(user)"
      ng-disabled="!user.username && 
                   !user.city  && 
                   !user.job"
      >
      Save
    </button>
  </form>

当所有字段为空时使用 angular js 禁用保存按钮

save button disable when all field empty using angular js

javascript

angularjs