ng-tekrar kullanarak dinamik açılır Uygulamam, kullanıcılara birkaç açılır menüden seçim yapma seçeneği sunar ve üçüncü menü, önceki iki menünün seçimine bağlı olarak dinamik olmalıdır.Angular
Ben ng tekrarı ve kullanıyorum benim denetleyicisi bu
// First dropdown menu
<select ng-model="letter" class = "form-control">
<option ng-repeat= "letter in letters" value = "letter">{{letter}}</option>
</select>
<br>
// second dropdown menu
<select ng-model="number" class = "form-control">
<option ng-repeat = "number in numbers" value = "number">{{number}}</option>
</select>
<br>
// third dropdown menu
<select ng-model="color" class="form-control">
<option ng-repeat="A1_color in A1_colors" ng-if= "letter = A & number = 1" value="{{A1_color}}">{{A1_color}}</option>
</select>
...
<select ng-model="color" class="form-control">
<option ng-repeat="B2_color in B2_colors" ng-if= "letter = B & number = 2" value="{{B2_color}}">{{B2_color}}</option>
</select>
gibi koşulunu belirtmek için ng-eğer kullanıcı seçer Yani, ben 'bu
$scope.letters = {'A', 'B'};
$scope.numbers = {'1', '2'};
$scope.A1_colors = {'red', 'pink'};
$scope.A2_colors = {'blue', 'black'};
$scope.B1_colors = {'yellow', 'orange'};
$scope.B2_colors = {'white', 'black'};
gibi listeler var İkinci menüden ilk menüden '2' ve üçüncü menüde 'A2_colors' seçeneklerini görmelidir. Bunu yapmanın doğru yolu nedir?
teşekkür ederim! Evet, farklı renk ve sayı ve harflerin büyük bir listesinin küçük bir örneğidir. Bu yaklaşımla ilgili tek endişem var renkler [] –
var kaç öğe var çünkü [] gibi ':': 'içinde bir tuple varsa bu şekilde nasıl yapacağımı açıklayabilir ['kırmızı': 'karanlık', 'pembe': 'ışık']? –
Yaklaşımınızı gerçekleştirdim ancak seçenekler –