如何使用Angular JS重新渲染视图 [英] How to re-render views using Angular JS

问题描述

我想重新渲染页面上的所有视图。我有页眉，页脚和正文视图。在Header视图中，我有一个dropDown，用户可以在其中选择语言首选项。点击语言首选后，所有视图都应重新渲染。在Angular中是否可能？

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?

在BackboneJs中，我只是在该特定事件上再次调用render函数。 AngularJs是否提供了相同类型的功能？

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

提前致谢

标题模板（语言Prefrence Dropdown）代码）

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>

是否有任何内置函数，我可以在englishConversion和frenchConversion中调用它来重新渲染视图/视图？

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

推荐答案

你看过 angular-getText libary ，

或者你可以$ 再次使用angular编译 HTML。你可以这样做，

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));

这篇关于如何使用Angular JS重新渲染视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！