我在angular JS中选择的默认选择并删除两个单词之间的下划线

Question

大家好，我正在使用 AngularJS 创建一个应用程序 Web。

我想在我的选择中将城市 02 显示为默认选择，并删除两个下划线之间的下划线，如 city_02, like to show city, city 02, city 03 而不是 city, city_02, city_03 of my select

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

这是我的脚本js：

$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},
  ]
    };

任何人都有一个想法。 谢谢

Answer 1

要将 city 02 显示为默认选定值，只需设置$scope.selectedCity = 'city_02' 。

要在选择中显示时消除下划线，请添加以下过滤器：

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

然后在您的ng-options使用它，如下所示：

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