2016-03-26 5 views
1

Merhaba herkes bir uygulama web oluşturmak için AngularJS kullanıyorum.Seçimde bir açısal JS seç ve iki sözcük arasındaki altçizgi sil

Seçimle şehir seçebilmem için iki seçenek arasmda bir şehir seçmek istiyorum ve şehir, şehir 02, şehir 03, şehir 03 yerine şehir_02, city_03

<select ng-model="selectedCity" ng-options="x for (x, y) in cities"> 
</select> 

seçmek ve bu benim senaryom js geçerli:

$scope.cities = { 
    city : [ 
    {id:'c01' , name:'name1', price:15}, 
    {id:'c02' , name:'name2', price:18}, 
    {id:'c03' , name:'name3', price:11}, 
    ], 
    city_02 : [ 
    {id:'cc01' , name:'name11', price:10}, 
    {id:'cc02' , name:'name22', price:14}, 
    {id:'cc03' , name:'name33', price:11}, 
    ], 
    city_03 : [ 
    {id:'ccc01' , name:'name111', price:19}, 
    {id:'ccc02' , name:'name222', price:18}, 
    {id:'ccc03' , name:'name333', price:10}, 
    ] 
    }; 

Herkes bir fikir lütfen Has. Teşekkürler

+0

neyi çizgi: böyle senin ng-options yılında

.filter('cityFilter', function() { return function(city) { return city.replace('_', ' '); } }) 

Sonra kullanın: select eklenti aşağıdaki filtreyi görüntülerken

çizgi ortadan kaldırmak için? varsayılan değer olarak her zaman 'selectedCity' değerini varsayılan olarak – lascort

+0

altçizgi = _ olarak istediğiniz değere ayarlayabilirsiniz. Seçmiş olduğum başka bir fikriniz var mı? – Abderrahim

cevap

1

Varsayılan seçili değer olarak şehri 02 göstermek için $scope.selectedCity = 'city_02' ayarını yapınız.

ng-options="x as (x | cityFilter) for (x, y) in cities" 
+0

Başka bir fikrim var mı? $ Scope.selectedCity = 'city_02' ama benimle çalışmıyor – Abderrahim

+0

@Abderrahim Çalışıyor [JSFiddle] (https://jsfiddle.net/bgg5yfot/) – Lex

+0

Evet Haklısın ama başka bir sorunum var. Diğer etikette aynı ng-modelini kullandım: