简体   繁体   English

用json中的列表以角度填充ng-option(使用角度转换)

[英]Populate ng-option in angular with a list in json (with angular translate)

I have a similar question as these ones : 我有与这些类似的问题:

How to ng-translate inside select box option in angularjs 如何在AngularJS中的选择框选项内进行ng翻译

angular-translate ad ng-options 角平移选项

But my case is a bit different. 但是我的情况有些不同。 I would like that my ng-option fill up automatically with elements from a list in my json. 我希望ng-option自动填充json列表中的元素。 And I would like to avoid defining these elements in my controller (because otherwise each time an element is added to the list I will need to add them in my controller manually). 而且我想避免在控制器中定义这些元素(因为否则每次将元素添加到列表中时,我都需要在控制器中手动添加它们)。

Here is the concerned part in my .json : 这是我的.json中有关的部分:

 "availLanguages" : [
   "Deutsch",
   "English",
   "Français"
  ],

My controller's instance is called "language". 我控制器的实例称为“语言”。 So I've tried the followings : 所以我尝试了以下方法:

 <select ng-options="language for languages in 'availLanguages' | translate" ng-model="language.selectedLanguage" ng-change="language.changeLanguage()"></select>

Thanks, 谢谢,

EDIT: here's the result : 编辑:这是结果:

在此处输入图片说明

Each object is a letter from "availLanguages". 每个对象都是来自“ availLanguages”的字母。

You haven't passed the value of ng-model to you scope function. 您尚未将ng-model的值传递给范围函数。 try this. 尝试这个。 this might help you. 这可能对您有帮助。 console selected language in function. 控制台选择功能中的语言。

<select ng-options="language in 'availLanguages' | translate" ng-model="language.selectedLanguage" ng-change="language.changeLanguage(language.selectedLanguage)"></select>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM