angularjs - How to set a selected option of a dropdown list control using angular JS -
i using angular js , need set selected option of dropdown list control using angular js. forgive me if ridiculous new angular js
here dropdown list control of html
<select ng-required="item.id==8 && item.quantity > 0" name="postervariants" ng-show="item.id==8" ng-model="item.selectedvariant" ng-change="calculateservicessubtotal(item)" ng-options="v.name v in variants | filter:{type:2}"> </select>
after gets populated
<select ng-options="v.name v in variants | filter:{type:2}" ng-change="calculateservicessubtotal(item)" ng-model="item.selectedvariant" ng-show="item.id==8" name="postervariants" ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required"> <option value="?" selected="selected"></option> <option value="0">set of 6 traits</option> <option value="1">5 complete sets</option> </select>
how can set control value="0"
selected?
i hope understand question, ng-model
directive creates two-way binding between selected item in control , value of item.selectedvariant
. means changing item.selectedvariant
in javascript, or changing value in control, updates other. if item.selectedvariant
has value of 0
, item should selected.
if variants
array of objects, item.selectedvariant
must set 1 of objects. not know information have in scope, here's example:
js:
$scope.options = [{ name: "a", id: 1 }, { name: "b", id: 2 }]; $scope.selectedoption = $scope.options[1];
html:
<select data-ng-options="o.name o in options" data-ng-model="selectedoption"></select>
this leave "b" item selected.
Comments
Post a Comment