如何翻译angularjs

时间:2017-02-17 09:34:07

标签: javascript angularjs angular-translate

我在我的应用程序翻译中使用角度转换器正在使用标签如何为依赖的dropdown添加转换.Dropdown数据是以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 个答案:

答案 0 :(得分:1)

我假设您使用angular-translate并尝试翻译区域名称。然后,您可以在ng-options中使用translate管道。试试ng-options="District.id as District.name | translate for District in Districts track by District.id"