Issue
I am getting response from server and storing it to taxes variable i my code I am getting name of tax in first dropdown list and I also want to show corresponding value to show in next text box but it is not working.
var app = angular.module('myApp', []);
app.controller('addProductController', function ($scope, $http) {
$scope.taxes =[
{id: 43, name: "a", value: 2}
{id: 44, name: "c", value: 1}
];
};
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>
<div class="container" ng-app="myApp" ng-controller="addProductController"
>
<select name="e[$index].name" ng-model=" e[$index].name" ng-options="e.name
as e.name for e in taxes" class="form-control" ng-required="true"></select>
<input type="text" name="name" ng-model="taxes.
[$index].value" class="form-control" ng-required="true" ng-value="e.value">
<button type="button" class="btn btn-default
btn-sm" ng-click="removeChoice($index)">
<span class="glyphicon glyphicon-minus">
</span> REMOVE
</button>
</div>
How to get value of selected name in textbox.
Solution
In the ng option assign the whole object to the ng-model
and access it.
<select name="name" ng-model="selected" ng-options="e as e.name for e in taxes" class="form-control" ng-required="true"></select>
<input type="text" name="name" ng-model="selected.value" class="form-control" ng-required="true" ng-value="e.value">
Demo
var app = angular.module('myApp', []);
app.controller('addProductController', function ($scope, $http) {
$scope.taxes =[
{id: 43, name: "a", value: 2},
{id: 44, name: "c", value: 1}
];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="container" ng-app="myApp" ng-controller="addProductController" >
<select name="name" ng-model="selected" ng-options="e as e.name for e in taxes" class="form-control" ng-required="true"></select>
<input type="text" name="name" ng-model="selected.value" class="form-control" ng-required="true" ng-value="e.value">
<button type="button" class="btn btn-default btn-sm" ng-click="removeChoice($index)">
<span class="glyphicon glyphicon-minus"></span> REMOVE
</button>
</div>
Answered By - Sachila Ranawaka
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.