Nie otrzymuję wartości id wartości opcji wybranego elementu tagu.id jako ng-model dla select in angularjs
<div ng-controller="UserCreationCtrl">
<form novalidate="novalidate" class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputFirstName">First name:</label>
<div class="controls">
<input type="text" id="inputFirstName" ng-model="doctor.firstName" placeholder="First name"/>
</div>
</div>
<div>
<span class="nullable">
<select ng-model="user.lookupId" ng-options="select as speciality.lookupName for speciality in specialityList" ng-change="selectedSpecilaty()">
<option value="">-- choose speciality --</option>
</select>
</span>
</div>
</form>
</div>
Mój kontroler
app.controller('UserCreationCtrl', ['$scope',
function ($scope) {
$scope.specialityList = [
{lookupId : 1, lookupName: 'speciality1'},
{lookupId : 2, lookupName: 'speciality2'},
{lookupId : 4, lookupName: 'speciality6'},
{lookupId : 3, lookupName: 'speciality3'}
];
$scope.user = {firstName: 'first name value', lookupId : 4};
$scope.selectedSpecilaty = function()
{
alert($scope.user.lookupId);
}
}]);
Jak mogę to zrobić. pole ostrzeżenia, które potwierdziło wartość jako "niezdefiniowane".
To działa dokładnie to, czego potrzebuję dzięki. –
W moim przypadku (Angular 1.2.15) miałem właściwe wyrażenie, ale niepotrzebnie używałem wyrażenia "track by" na końcu, co najwyraźniej powoduje jego przerwanie i powoduje, że model śledzi cały obiekt zamiast wartości/ID wybierasz. Jest to częściowo spowodowane brakującą dokumentacją i ewentualnie poprawione w nowszych wersjach Angular; zobacz problem z GitHub: https://github.com/angular/angular.js/issues/6564. –
Oficjalna dokumentacja ngOptions jest bardzo niejasna odnośnie użycia 'as' do zdefiniowania wartości ustawianej na ngModel. Dzięki za sprawienie, że myśli będą bardziej przejrzyste! :) –