AngularJs select指令,具有另一个范围属性的init值
我无法使用AngularJs在选择选择器中获取ng init指令。即使id productQuantity/unitName具有值,也未选择任何选项 我的JSON对象是如何形成的:AngularJs select指令,具有另一个范围属性的init值,angularjs,ng-options,angularjs-ng-init,Angularjs,Ng Options,Angularjs Ng Init,我无法使用AngularJs在选择选择器中获取ng init指令。即使id productQuantity/unitName具有值,也未选择任何选项 我的JSON对象是如何形成的: inventoryLines: Array[1] 0: Object permitedFormatUnits: Array[2] 0: Object unitName: "Kilo" 1: Object unitName: "Gramme productQ
inventoryLines: Array[1]
0: Object
permitedFormatUnits: Array[2]
0: Object
unitName: "Kilo"
1: Object
unitName: "Gramme
productQuantity: Object
formatUnit: Object
unitName: "Gramme"
quantity: 456
我需要permitedFormatUnits作为用户可以做出的选择,productQuantity/formatUnit作为ng init值,ng model值也可以
这是我的html,其中第行表示ng重复循环中的inventoryLines:
<select class="selectpicker" name="unitFormat"
ng-init="formatUnit = line.productQuantity.formatUnit.unitName"
ng-model="line.productQuantity.formatUnit"
ng-options="formatUnit as formatUnit.unitName for formatUnit in line.permitedFormatUnits">
</select>
非常感谢您的帮助,希望我已经说清楚了!: 这是一个工作程序: 您需要使用
跟踪方式
使其工作(参见文档-):
非常感谢你!!我是如此接近!:)
<select class="selectpicker" name="unitFormat"
ng-init="formatUnit = line.productQuantity.formatUnit"
ng-model="line.productQuantity.formatUnit"
ng-options="formatUnit as formatUnit.unitName for formatUnit in line.permitedFormatUnits track by formatUnit.unitName">
</select>
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.line = {
permitedFormatUnits: [{
unitName: "Kilo"
}, {
unitName: "Gramme"
}],
productQuantity: {
formatUnit: {
unitName: "Gramme",
quantity: 456
}
}
}
})