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

functionLanguageController($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

<divng-app><divng-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><selectng-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/