Как перевести зависимый выпадающий в angularjs
Я использую угловой переводчик в моем приложении, перевод работает с метками, как добавить перевод в зависимый выпадающий список. Данные в выпадающем виде представлены в виде JSON, как записать их в функции конфигурации.
контроллер
.controller('vendorCtrl', function($scope,$translate) {
$scope.Districts =[
{
'id': '1',
'name': "Haveri",
'Talukas': [{
'id': '71',
'dep': "Bydagi"
}, {
'id': '72',
'dep': "Rannebennur"
},
{ 'id': '73',
'dep': "Hirrekerur"
},{
'id': '74',
'dep': "Shiggaon"
},
{ 'id': '75',
'dep': "Hangal"
},{ 'id': '76',
'dep': "Savanur"
}]
},
{
'id': '8',
'name': "Koppal",
'Talukas': [{
'id': '81',
'dep': "Gangavathi"
}, {
'id': '82',
'dep': "Kushtagi"
},
{ 'id': '83',
'dep': "Yelbarga"
}]
}, {
'id': '9',
'name': "Vijapur",
'Talukas': [{
'id': '91',
'dep': "Indi"
}, {
'id': '92',
'dep': "Muddebihal"
},
{ 'id': '93',
'dep': "Sindgi"
} , {
'id': '94',
'dep': "BasavanBagewadi"
}]
}
];
Html
<select id="District" ng-model="selectedDistrict" ng-options="District.id as District.name for District in Districts track by District.id">
<option value="">Select</option>
</select>
<select id="Taluka"
ng-model="selectedTaluka"
ng-disabled="!selectedDistrict"
ng-model="selectedTaluka"
ng-options="Taluka.id as Taluka.dep for Taluka in ((Districts | filter:{'id':selectedDistrict})[0].Talukas) track by Taluka.id">
<option value="">Select</option>
</select>
1 ответ
Я предполагаю, что вы используете angular-translate и пытаетесь перевести названия районов. Тогда вы можете использовать переводчик в ng-options. Пытаться ng-options="District.id as District.name | translate for District in Districts track by District.id"