angular 强制更新视图_angularjs：强制重新渲染/完全刷新指令模板

最新推荐文章于 2023-02-28 08:26:27 发布

weixin_39883906

最新推荐文章于 2023-02-28 08:26:27 发布

阅读量711

点赞数

文章标签： angular 强制更新视图

本文链接：https://blog.csdn.net/weixin_39883906/article/details/112050659

版权

在使用AngularJS开发时，遇到一个自定义下拉框指令的问题，该指令在工作流中被两次使用。当第一个下拉框的选项改变时，它会更新第二个下拉框的模型，但视图并未正确刷新。尽管模型值在控制台显示正确，第二级下拉框仍然显示旧的和新的混合项。初步的Plunker演示了模板代码。为了解决这个问题，通常采用AngularUI团队提供的ui-if指令，将其放在元素上，通过改变myData.prop或者短暂设为null再重新应用，使得元素从DOM中移除并重新插入，从而重新评估指令，达到强制视图更新的效果。

摘要由CSDN通过智能技术生成

This is a rewriting because of the off-topic issue:

I wrote a directive for a dropdown. I am using the directive two times as kind of a workflow. the first dropdown triggers by change action the refresh of the model of the second one. though the model updates correctly, the view does not. the many times you select items in dropdown one the second dropdown shows old items with new items, eventhough the console.log() of the angular model is correct.

the view has infinite recursion. Using ng-include with an id of a ng/template that does recursion about it self:

my initial plunkr showing the template code is this:

http://plnkr.co/edit/jera17uCluGsFs8o5hRG?p=preview

I did not understand why the view does not fully refresh?

to be updated.

kind regards,

alex

解决方案

Typically what I do is use ui-if directive which is basically an if statement made by angularui team so I'll put it on the element that is also the directive and say something like:

This way if myData.prop changes or I set it to null briefly then reapply it it will remove and then transclude my html directive back into the DOM causing it to eval my directive again.