如何在 Angular 1.5 组件中添加 select 元素？

Question

对于 component，我不能再像以前在其父亲 -- 指令中那样引用 Elem 或 Attr，将它们作为 [=14= 中的参数] 或 post.

select 元素的最佳方式是什么，就像我以前在指令中那样？它是否改变了应该如何完成的方式？

为什么 Angular 1.5x 的组件文档中没有记录？

Answer 1

您可以通过注入 $element 依赖项在组件控制器中做同样的事情。但是在控制器加载 $element 时未编译 DOM。

对于这种情况，您可以使用 Angular 1.5 组件生命周期，就像我们有 $postLink() 一样，它的工作方式与 postLink/link 的功能相同Angular 1 个指令。

为了访问属性，您在控制器中注入 $attrs 服务。

组件

myMod.component('myComponent', {
  template: '<h1>Home</h1>',
  controller: function($element) {
    this.test = 'hello world';
    this.$postLink = function(){
      //here you have compiled DOM
      //you can play with element here.
      console.log("Post LInk DOM", $element);
    }
    console.log("Initial DOM", $element);
  }
});

如何在 Angular 1.5 组件中添加 select 元素？

How to select element inside Angular 1.5 component?

javascript

angularjs

angularjs-directive

angularjs-components