Better Way To Listen For Changes - AngularJS
I am just playing around with Angular JS and would appreaciate some inputs from you master guys out there :D What I am doing is implementing my own localization code (I know, I kno
Solution 1:
Edit: in response to comments, here's another version: http://jsfiddle.net/dn3w41cx/9/
It doesn't require data work in the controller at all.
Here's the code:
javascript
function LanguageController($scope) {
$scope.languages = [
{
name:'English',
'term1': 'This is Term 1 in English',
'term2': 'This is Term 2 in English'
},
{
name:'French',
'term1': 'This is Term 1 in French',
'term2': 'This is Term 2 in French'
},
{
name:'Vietnamese',
'term1': 'This is Term 1 in Vietnamese',
'term2': 'This is Term 2 in Vietnamese'
}
];
}
html
<div ng-app>
<div ng-controller="LanguageController">
<div><span>Current Language: {{language.name}}</span>
</div>
<div><span>Term 1: {{language.term1}}</span>
</div>
<div><span>Term 2: {{language.term2}}</span>
</div>
<div>
<select ng-options="item.name for item in languages" ng-model="language"
ng-init="language=languages[0]">
</select>
</div>
</div>
</div>
Old answers:
If you want nice syntax, then you can implement something like this in the changeLanguage function: http://jsfiddle.net/dn3w41cx/6/
Otherwise, you can do it without any special changes in the javascript like this fiddle: http://jsfiddle.net/dn3w41cx/5/
Post a Comment for "Better Way To Listen For Changes - AngularJS"