即使ng模型具有值，也要使輸入字段為空

Question

            <div ng-if="item.type === 'textAnswer'">
                <label class="item item-input">
                    <span class="input-label">Answer:</span>
                    <input type="text"
                           ng-model="item.givenAnswer">
                </label>
            </div>

Item.givenAnswer在頁面加載時輸出“測試”。 我該怎么做才能將答案保留在item.givenAnswer中，但要確保頁面加載時輸入為空白？

基本上，這樣用戶就可以在需要時更新他們的答案，而不會分散他們先前的輸入。

Answer 1

您可以嘗試如下所示的$ watch，

   $scope.$watch(funtion(){return item.givenAnswer;}, function(newValue, oldValue) {
         scope.someothervariable = newValue;
         // Do database update here...
    });

Answer 2

加載頁面時，可以使用ng-init方法將輸入初始化為空白。 這將更改作用域中的值，但將使數據庫保持完整。

您可以為其添加更多邏輯，例如，如果先前的值僅是“ testing”，則將字段設置為空。

示例： http ： //plnkr.co/edit/EtNfcymqt6wJBV9Bcqdw？p = preview

進一步閱讀： https : //docs.angularjs.org/api/ng/directive/ngInit