javascript - ng-click 清除输入中的值

Question

我有一个奇怪的问题，我从来没有见过这个问题。我尝试scope单击 <a> 将值输入到输入中一切正常，但是，如果我填写了其他输入，然后单击 <a>其余输入中的值被删除。您对为什么会发生这种情况有什么建议吗？

文件.html

<input ng-disabled="product.disabled" type="text" ng-model="product.productData.oldPrice" name="oldPrice" class="form-control" ng-pattern="/^[0-9]*$/" required>
<input ng-disabled="product.disabled" type="text" ng-model="product.productData.newPrice" name="newPrice" class="form-control" ng-pattern="/^[0-9]*$/" required>
<input ng-disabled="product.disabled" type="text" name="level" class="form-control" ng-model="product.productData.level" required>
<div class="input-group-addon level-add">
  <a ng-click="product.easyLevel()" class="add-field add-field-easy">
    <i class="fa fa-battery-quarter"></i>
  </a>                           
</div>

Controller .js

app.easyLevel = function(){     
    app.productData = {
        level: 'fa fa-3x fa-battery-quarter text-primary level-higher-easy'
    }
}

服务

userFactory.createNewCourse = function(productData){
    return $http.post('/api/courses', productData)
}

变量:app = this , product是 Controller 作为。 问题:如果两个上面的输入已填满，我单击 product.easyLevel()插入'fa fa-3x fa-battery-quarter text-primary level-higher-easy'在第三个输入中，以上输入正在删除

Answer 1

应该是这样的。因为您只想修改 productData 对象中的 level 属性。并且您应该首先声明 productData 对象。

app.productData = {};


app.easyLevel = function(){     
   app.productData.level =fa fa-3x fa-battery-quarter text-primary level-higher-easy"
  }
}

最好定义 var vm = this; 而不是 var app = this;