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