使用 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>