angularjs: dinamik olarak angularjs içinde dinamik olarak oluşturmam gereken arka uç tanımlı veri tiplerini btn-grp

Question

oluşturun. Arka uç, "cinsiyet sayımdır, değerler erkek ve dişi" olarak tanımlanabilir.

{ 
    'name': 'sex', 
    'type': 'enum', 
    'options': ['female','male'], 
    'wert': 'male' 
} 

Ben oldukça kolay kullanabileceğiniz bir seçme:

<select ng-model="wert" ng-options="value for (key,value) in options"></select> 

Ama tercih ediyorum bir düğme grubu ...

<div class="btn-group"> 
    <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'male'">male</label> 
    <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'female'">female</label> 
</div> 

Şimdi dinamik olanlar düğmeleri deneyin

gibi

<div class="btn-group" ng-repeat='option in options'> 
    <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'{{option}}'">{{option}}</label> 
</div> 

Ve başarısız oluyorum. Bana tam olarak doğru görünüyordu. Ama dinamik düğme grubu neden çalışmıyor? Benim kapsamıma bağlı değil misiniz?

Muhtemelen bazı temel açısal kavramları kavrayamıyorum? Kod bir yönerge içine konmalıdır, ancak muhtemelen bu konuyla ilgili değildir.

Herhangi bir yardım büyük memnuniyetle karşılanacaktır.

Answer 1

Sen işaret etmek istediğim diğer şey

<div class="btn-group" ng-repeat='option in options'> 
    <label class="btn btn-primary" ng-model="model.wert" uib-btn-radio="option">{{option}}</label> 
</div> 

değerlerle

ile {{}} interpolasyon kullanmamalısınız, bunu bu doğru bir şekilde çalışacak bağlayıcı sağlayacaktır Dot Rule takip etmek modelini tanımlamak gerekir. Dot Rule için gitmeniz gereken sebebi,'u ng-repeat içinde tanımlamış olmanızdır, bu nedenle dış bağlamda kullanılamaz ( ng-repeat, geçerli çalışan denetleyiciden prototip olarak devralınan yeni alt alan yaratır).

Demo here