我有一个html选择字段。我想将selecteditems pid属性用作输入文本框的默认值。我尝试了以下两种方法
我的选择栏
<select ng-model="selectedProduct" ng-options="product.pname for product in products"></select>
方法1:
<input type="text" data-ng-model="neworder.pid" ng-init="neworder.pid={{selectedProduct.pid}}" required />
方式2:
<input type="text" data-ng-model="neworder.pid" required />
并在控制器中
$scope.neworder.pid = $scope.selectedProduct.pid
但是未能使它们都起作用。如何正确做?
更新资料
我的表格包含选择字段。
<form name="addOrder" data-ng-show="addMode" style="width:600px;margin:0px auto;">
<select ng-model="selectedProduct" ng-options="product.pname for product in products"></select>
{{selectedProduct.pid}}
<label>PID:</label><input type="text" data-ng-model="neworder.pid" ng-init="neworder.pid={{selectedProduct.pid}}" required />
<label>OID:</label><input type="text" data-ng-model="neworder.oid" required />
<label>QTY:</label><input type="text" data-ng-model="neworder.qty" required />
<label>TOTAL:</label><input type="text" data-ng-model="neworder.total" required />
<br />
<!-- <span class="error" data-ng-show="addCustomer.$error.required">Required!</span>-->
<br />
<input type="submit" value="Add" data-ng-click="add()" data-ng-disabled="!addOrder.$valid" class="btn btn-primary" />
<input type="button" value="Cancel" data-ng-click="toggleAdd()" class="btn btn-primary" />
<br /><br />
</form>
在控制器中添加功能
$scope.add = function () {
$http.post('/api/OrderDetails/', this.neworder).success(function (data) {
alert("Added Successfully!!");
$scope.addMode = false;
$scope.orders.push(data);
}).error(function (data) {
$scope.error = "An Error has occured while Adding product! " + data;
});
};
为什么不仅仅绑定到selectedProduct
?
像这样:
<input type="text" ng-model="selectedProduct.pid" name="pid">
您可以在这里看到它的工作原理。
编辑
ng-change
像这样使用:
<select ng-options="..." ng-change="newOrder.pid=selectedProduct.pid" ng-model="..."></select>
和
<input type="text" ng-model="newOrder.pid">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句