[英]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.