Dart 将子对象插入角省道组件(阴影根)

Dart 将子对象插入角省道组件(阴影根),dart,angular-dart,angularjs-ng-transclude,shadow-dom,Dart,Angular Dart,Angularjs Ng Transclude,Shadow Dom,假设我有一个组件: @组件(选择器:“应用程序菜单”, templateUrl:“…/menu.html”, cssUrl:const['…/menu.css'], 出版物:“菜单”) 类MenuComponent{ bool showOptions=true; void toggleOptions(){ showOptions=!showOptions; } } 以及组件的视图: 最后,用法(理论上): 去除 运行程序后,我希望看到删除我放置的阴影根目录中的。我读到有一个组件,但

假设我有一个组件:

@组件(选择器:“应用程序菜单”,
templateUrl:“…/menu.html”,
cssUrl:const['…/menu.css'],
出版物:“菜单”)
类MenuComponent{
bool showOptions=true;
void toggleOptions(){
showOptions=!showOptions;
}
}
以及组件的视图:


最后,用法(理论上):


去除

运行程序后,我希望看到
删除我放置
的阴影根目录中的
。我读到有一个
组件,但它不是那样工作的(什么都没发生,我只看到
元素)。我也尝试过ng TRANCLUDE指令,但没有成功

有人能帮我指出正确的方法吗, 经过一些测试和查看角省道教程,我找到了一个解决方案。 我上面的例子实际上并不准确。我使用了
  • 元素而不是
    。不知怎的,当我把“li”改为“span”时,它才开始工作。也许DOM解析器在将“li”元素附加到阴影根树中的正确结构之前拒绝了它。我真的不知道。
    但是,在更改之后,它立即开始工作。

      仅允许
      • als子项。这就是为什么
        不起作用的原因,否则这正是
        标记的作用。它将我(
        li
        标记)从以前的结构中删除。有ul>li作为菜单,我将其替换为witch组件,但我没有将li更改为
        。愚蠢的错误:)“我已经读到有一个组件”内容标签不是一个组件(即来自angular的东西),而是由shadow DOM规范定义的。这是插入原始“light DOM”的地方。查看更多信息。还有一个最近添加到Angular的Google地图示例,您可以查看。请注意,即使您的组件不使用shadowDom(“useShadowDom:false”选项),内容标记也将按预期工作。