angularjs kullanarak html değişkenleri indeksleme

Question

Ben angularjs için yeni ve hala dili öğreniyorum. Bir html içinde bir seçim kutusu oluşturdum ve denetleyicimde bir değişkenle doldurmak istiyorum.

{{variablename}} kullanarak html'deki değişkeni alabiliyorum, ancak içindeki alt nesneleri alamıyorum. Lütfen koduma bakın here.
Bunu html "repeatSelect" görüntüler ama onun içinde endekse bir nesne çalışırsanız, o göstermiyor görebilirsiniz.

şöyle

Denetleyici bir $ kapsamı değişkeni (getId boş daima) html kodunda

controller('ExampleController', ['$scope', function($scope) { 
    $scope.repeatSelect = null; 
    $scope.data = { 
    availableOptions: [ 
     {id: '1', name: 'Option A'}, 
     {id: '2', name: 'Option B'}, 
     {id: '3', name: 'Option C'} 
    ], 
    }; 
}]); 

, çalışıyor, ancak repeatSelect.id değil repeatSelect

<tt>repeatSelect = {{repeatSelect}}</tt><br/> 
    <tt>getID = {{repeatSelect.id}}</tt><br/> 

.

direktifi yerine https://docs.angularjs.org/api/ng/directive/ngOptions inşa

Answer 1

kullanın ng-options rehberlik edin.

Özellikle HTML seçim listeleriyle çalışmak üzere tasarlanmış ve çok sayıda güçlü seçeneğe sahiptir. http://plnkr.co/edit/kIcH5fF7suhN0rhVDez8?p=preview