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

  • Fraser Raft

    Fraser Raft

    9 Mart 2010
  • LinusTechTips

    LinusTechTip

    25 Kasım 2008
  • YEAH1TV

    YEAH1TV

    19 ŞUBAT 2009