Javascript ng单击清除输入中的值

我有一个奇怪的问题，我从来没有见过这个问题。我试着点击

将

范围

值输入到输入中，一切正常，但如果我填充了其他输入，然后点击

其余输入中的值将被删除。你有什么建议为什么会这样吗

file.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>

服务

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

变量：

app=此

，

产品

作为控制器。

---

问题：如果两个上面的输入被填充，我单击

product.easyLevel（）

在第三个输入中插入

'fa-3x fa-battery quarter text primary level higher easy'

，上面的输入将删除，应该是这样的。因为您只想修改

产品数据

对象中的

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
在
app.easyLevel
function@Hadi这是对的。您正在覆盖整个对象，而此时您只应在该对象中设置一个值，即级别case@HadiI get error无法设置未定义的属性'level'。您应该首先声明
app.productData={}
。@Hadi谢谢，效果很好
app.productData = {};


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