Question

我尝试在角度组件中选择内容标记内的所有内容

<my-component>
  <another-component></another-component>
  <another-component></another-component>
  <another-component></another-component>
</my-component>

MY-component.html

<div>
  <content></content>
</div>

my-component.dart

@Component(
  selector: "my-component",
  templateUrl: 'components/my-component.html',
  useShadowDom: false,
  publishAs: "ctrl"
)
class MyComponent {
   List<Element> content; //elements of content tags
}

如何选择里面的所有内容并将其放入我的列表中。有没有一种特殊的方法可以访问内容？

Answer 1

使用MyComponent类型的参数向Element添加构造函数，然后选择子项。

class MyComponent {
  List<Element> content; //elements of content tags

  MyComponent(Element e) {
    content = <Element>[].addAll(e.children);
    // or
    content = <Element>[].addAll((e.querySelector('content') as ContentElement).getDistributedNodes());
  }
}

（谨慎使用，没有测试代码，并且暂时没有使用Angular.dart）

如何选择角度分量中的轻DOM

1 个答案: