SORU
31 Temmuz 2013, ÇARŞAMBA


Nasıl açılır liste denetimi açısal JS kullanarak seçilen seçeneği ayarlamak için

Açısal JS kullanıyorum ve açılan liste denetimi açısal JS kullanarak seçilen seçeneği ayarlamak gerekiyor. Eğer bu saçmalık için beni affet ama Açısal JS ile yeni duyuyorum

Burada açılan listesinde benim html kontrolü

 <select ng-required="item.id==8 && item.quantity > 0" name="posterVariants"
   ng-show="item.id==8" ng-model="item.selectedVariant" 
   ng-change="calculateServicesSubTotal(item)"
   ng-options="v.name for v in variants | filter:{type:2}">
  </select>

Kalabalık olunca anladım

 <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)"
ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants"
ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required">
    <option value="?" selected="selected"></option>
    <option value="0">set of 6 traits</option>
    <option value="1">5 complete sets</option>
</select>

Nasıl value="0" seçilen olmak için kontrol ayarlayabilirim?

CEVAP
31 Temmuz 2013, ÇARŞAMBA


Sorunuzu anladığımı umuyorum ama ng-model Direktif denetimi Seçili öğeyi ve item.selectedVariant değeri arasında çift yönlü bir bağ oluşturur. Bu JavaScript item.selectedVariant değiştirme veya kontrol değeri değiştirme, güncelleme diğer anlamına gelir. item.selectedVariant 0, bir değeri varsa, bu öğe seçili olsun.

Eğer variants nesneleri bir dizi item.selectedVariant Bu nesnelerden birine ayarlanmalıdır. Sizin kapsamında hangi bilmiyorum, ama burada bir örnek:

JS:

$scope.options = [{ name: "a", id: 1 }, { name: "b", id: 2 }];
$scope.selectedOption = $scope.options[1];

HTML:

<select data-ng-options="o.name for o in options" data-ng-model="selectedOption"></select>

Bu bırakacaktı "b" seçilecek öğe.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Djbasilio AuToBaSs

    Djbasilio Au

    20 Aralık 2008
  • girleffect

    girleffect

    20 Mayıs 2008
  • tychoadragmire

    tychoadragmi

    20 Mart 2006