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输出＆＃39;测试＆＃39;目前在页面加载。我需要做些什么才能在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方法在加载页面时将输入初始化为空白。这将改变范围内的值，但会保持数据库的完整性。

您可以为其添加更多逻辑，例如，如果之前的值仅为“测试”，则将字段设置为空。

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

进一步阅读：https://docs.angularjs.org/api/ng/directive/ngInit

即使ng model具有值，也要使输入字段为空

2 个答案: