angularjs - 组件中的 $postLink() 示例

Question

我找不到 $postLink() 的任何示例来自 AngularJS components , 部分 组件具有明确定义的生命周期 .您能否提供一个简单的示例，说明 Controller 中实现的方法，我可以在其中实现如何操作 DOM？

唯一一篇解释$postLink()的文章一点是http://blog.thoughtram.io/angularjs/2016/03/29/exploring-angular-1.5-lifecycle-hooks.html .
$postLink() 中似乎没有参数.因此我会注入(inject) $element并修改 DOM。

Answer 1

所以用法很简单:

function Controller($element) {
        var self = this;

        self.$postLink = $postLink;

        function $postLink() {
            $element.attr("mymymy", "xxxxxx");
        }
}

那么假设我的组件名称是 我的组件 并使用浏览器的检查器，您可以从上面看到带有添加属性的修改标签: <my-component mymymy="xxxxxx"></my-component> .