如何使用Angular JS重新渲染视图

Question

I want to re-render all the views present on my page.I have Header, Footer and Body view. In Header view i have a dropDown in which user can select the Language Preference. On clicking on language prefrence all the view should be re-render. Is it Possible in Angular?

In BackboneJs i simply call the render function again on that particular event. Is there some same kind of functionality provided by AngularJs?

Thanks in Advance

Header Template (language Prefrence Dropdown Code)

<li class="dropdown">
    <a id="dLabel" role="button" data-toggle="dropdown" data-target="#">
        Language Preferences<b class="caret"></b>
    </a>
    <ul class="dropdown-menu dropdown-manual">

        <li id="English" ng-click="englishConversion()">English</li>
        <li id="French"  ng-click="frenchConversion()" >French</li>

    </ul>
</li>

is there any inbuilt function which i can call in englishConversion and frenchConversion to re-render the view/views?

Answer 1

Have you looked at the angular-getText libary ,

Or you can $ compile the HTML using angular again. You can simply do like this,

var content=angular.element('#translatedContent');
var scope=content.scope();
$compile(content.contents())(scope));