SORU
10 Aralık 2012, PAZARTESİ


AngularJS - değeri seçmek için öznitelik

Kaynak veri JSON:

[
  {"name":"Alabama","code":"AL"},
  {"name":"Alaska","code":"AK"},
  {"name":"American Samoa","code":"AS"},
  ...
]

Çalışıyorum

ng-options="i.code as i.name for i in regions"

ama alıyorum:

<option value="?" selected="selected"></option>
<option value="0">Alabama</option>
<option value="1">Alaska</option>
<option value="2">American Samoa</option>

almak için bekliyorum süre:

<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AS">American Samoa</option>

Value öznitelikleri almak ve kurtulmak için ne demek?" öğesi?

Eğer kapsam $İ ayarlarsanız bu arada.AJAX isteği sonucu yerine statik bir JSON için bölgeler, boş madde kaybolur.

CEVAP
10 Aralık 2012, PAZARTESİ


İlk denediğimiz şey çalışması gerekir, ama HTML beklediğimiz şey değil. "Hiçbir öğe seçili" durumda: . ilk işlemek için bir seçenek eklendi

<select ng-options="region.code as region.name for region in regions" ng-model="region">
   <option style="display:none" value="">select a region</option>
</select>
<br>selected: {{region}}

Yukarıdaki bu HTML oluşturur:

<select ng-options="..." ng-model="region" class="...">
   <option style="display:none" value class>select a region</option>
   <option value="0">Alabama</option>
   <option value="1">Alaska</option>
   <option value="2">American Samoa</option>
</select>

Fiddle

Açısal değeri için sayısal tamsayılar kullandığı halde, modeli (yani, $scope.bölge) istediğiniz gibi AL, AK, veya OLARAK ayarlayın. (Sayısal değer bir seçenek listesinden seçildiğinde doğru dizi giriş arama için Açısal tarafından kullanılır.)

Bu onun "" program seçin. ilk nasıl öğrenme zaman kafa karıştırıcı olabilir

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Damien Hayes

    Damien Hayes

    11 Mart 2008
  • Influencer Plus

    Influencer P

    2 Ocak 2013
  • incognitotraveler

    incognitotra

    27 Mayıs 2010