javascript - 有没有办法在 AngularJS 中强制重新加载递归 ng-include ？

Question

我在 Angular 应用程序中使用递归脚本来输出一堆对象的表示。

问题是，如果我动态更改对象的结构， View 不会更新。看来 ng-include 没有重新生成。

有没有办法强制 View 中的 ng-include 从头开始​​工作？

Answer 1

我也遇到了同样的问题。尝试 ui-if 指令，它解决了我的问题。

app.directive("uiIf", function () {
                return {
                    transclude: 'element',
                    priority: 1000,
                    terminal: true,
                    restrict: 'A',
                    compile: function (element, attr, linker) {
                        return function (scope, iterStartElement, attr) {
                            iterStartElement[0].doNotMove = true;
                            var expression = attr.uiIf;
                            var lastElement;
                            var lastScope;
                            scope.$watch(expression, function (newValue) {
                                if (lastElement) {
                                    lastElement.remove();
                                    lastElement = null;
                                }
                                if (lastScope) {
                                    lastScope.$destroy();
                                    lastScope = null;
                                }
                                if (newValue) {
                                    lastScope = scope.$new();
                                    linker(lastScope, function (clone) {
                                        lastElement = clone;
                                        iterStartElement.after(clone);
                                    });
                                }
                                iterStartElement.parent().trigger("$childrenChanged");
                            });
                        };
                    }
                };
            });

当该值设置为 false 时，该元素将消失。如果为 true，它将再次渲染。