jquery-selectors - querySelector 角度分量作为 Component

Question

我有一个角度分量

<my-component foo="" bar=""></my-component>

及其对应的类我的组件

我在我的 html 中使用这个组件

<my-component foo="bar" bar="foo"></my-component>
<my-component foo="baz" bar="qux"></my-component>
<my-component foo="bar" bar="baz"></my-component>

现在我想查询选择我的自定义元素并直接访问它们的属性。我想这样的事情:

List<MyComponent> mys = querySelector('my-component');

mys.forEach((my){
  print(my.foo);
  my.bar = '1234';
}); 

该代码存在 View 问题:

querySelector 总是返回 元素 不是 我的组件 .我可以将 Element 转换为 MyComponent 吗？

MyComponent 到 是否像 DivElement 到

一样？

querySelector 无法选择自定义元素。我可以为每个我的组件添加一个类并使用该类选择它。还是有其他方法？

我只能使用 my.getAttribute() 访问属性，而不能使用 my.foo。我知道，这是因为 my 仍然是 Element 而不是 MyComponent。

Answer 1

这不受官方支持。有类似 ng-element 的东西据我所知，这允许这样做，但仅用于单元测试。上一个版本有一些变化，但我不知道当前的状态。

您应该使用依赖注入(inject)、Angular 事件(在此处解释 How to communicate between Angular DART controllers)或访问其他元素的范围来传递引用。