Ionic + Angular：無法清除輸入字段

Question

在我的Ionic應用程序中，我在form和button內部有一個input字段。在button點擊一些動作應該發生在controller和input字段內應該清除，但它確實發生了而不是。這看起來很容易，但我不明白它有什麼問題。請指教。 我讀here，here和here，沒有什麼幫助。 的HTML：

<form novalidate name="customCategoriesForm"> 
    <ion-list> 
    <ion-item> 
     <div class="item item-input item-stacked-label noBorder"> 
     <span class="input-label">Create a new category</span> 
     <div class="catRow"> 
     <input type="text" 
       id="newCategoryInput" 
       name="addNewCategory" 
       placeholder="Category name" 
       ng-model="addNewCategory" 
       ng-minlength="3" 
       required 
       > 
      <button ng-click="addCategory(addNewCategory)" 
        ng-disabled="!customCategoriesForm.addNewCategory.$valid" 
        class="button button-small button-outline button-positive catButton">Add</button> 
     </div> 
    </div> 
    </ion-item> 
    <ion-item> 
     ... 
    </ion-item> 
    </ion-list> 
</form> 

的JS：

$scope.addCategory = function (newCategory) { 
    $scope.ExistingCategoriesArray.push(newCategory); 
    $scope.addNewCategory = ""; 
} 

編輯：

似乎沒有錯誤，沒有任何反應..

Answer 1

爲您解決問題的變化$scope.addNewCategory到$scope.addNewCategory.value，就像這樣：

The .js：

$scope.addNewCategory = {value : ""}; // initialize a object addNewCategort with the property value = '' 

$scope.addCategory = function (newCategory) { 
    $scope.ExistingCategoriesArray.push(newCategory); 
    $scope.addNewCategory.value = ""; // clear the property value of addNewCategory 
} 

的HTML：

<form novalidate name="customCategoriesForm"> 
    <ion-list> 
    <ion-item> 
     <div class="item item-input item-stacked-label noBorder"> 
     <span class="input-label">Create a new category</span> 
     <div class="catRow"> 
     <input type="text" 
       id="newCategoryInput" 
       name="addNewCategory.value" <!-- Edit this line --> 
       placeholder="Category name" 
       ng-model="addNewCategory" 
       ng-minlength="3" 
       required 
       > 
      <button ng-click="addCategory(addNewCategory.value)" <!-- and this line --> 
        ng-disabled="!customCategoriesForm.addNewCategory.$valid" 
        class="button button-small button-outline button-positive catButton">Add</button> 
     </div> 
    </div> 
    </ion-item> 
    <ion-item> 
     ... 
    </ion-item> 
    </ion-list> 
</form> 

你總是需要使用ngModel點。閱讀this reference。