强制双向绑定生效

Question

我正在编写一个 AngularJS 1.x 指令（我们称之为MyDirective）。它的作用域声明如下：

scope: {
    accessor: '='
}

在其link 函数中，我将一个新对象分配给该accessor 字段，如下所示：

scope.accessor = {
    // methods such as doSomethingToMyDirective()
};

现在，我正在使用 $compile 动态实例化这个指令：

var element = $compile('<div data-my-directive data-accessor="directiveAccessor"></div>')(myScope);

运行后，我当前的作用域 (myScope) 具有一个 directiveAccessor 属性，该属性引用在指令中创建的对象实例。

问题：该字段立即不可用。

换句话说，一旦我运行了$compile，我就无法在下一个命令中立即访问myScope.directiveAccessor。当我稍后检查范围时，该字段就在那里，并且可能单个 $timeout 就足够了。

通过一些断点，我可以观察到对象确实是在执行$compile 时创建的；内部作用域上的accessor 已经指向该对象。但是，似乎将内部作用域上的 accessor 的值复制到 myScope.directiveAccessor 的双向绑定直到稍后才会激活。

有什么方法可以强制 AngularJS 立即复制双向绑定的值（即无需等待任何承诺）？

Answer 1

使用表达式绑定 (&) 立即设置父范围变量：

app.directive("myDirective", function () {
    return {
        scope: { onPostLink: "&" },
        link: postLink
    };
    function postLink(scope, elem, attrs) {
        scope.accessor = {
            doSomethingToMyDirective: function() {
                return "Hello world";
            }
        };
        scope.onPostLink({$event: scope.accessor});
        scope.$on("$destroy", function() {
            scope.onPostLink({$event: null});
        });
    }
})

用法：

<my-directive on-post-link="directiveAccessor=$event">
</my-directive>

当隔离作用域被销毁时，一定要null 引用。否则代码可能会造成内存泄漏。