是否有可能进行深度ng选择?

时间:2018-06-26 03:07:52

标签: angular angular2-template angular2-ngcontent ng-content

假设我要将这样的标记包含到ng-content中:

"nodemonConfig": {
  "watch": [
     "./src/schema",
     "./build"
  ],
  "ext": "js,gql",
  "events": {
     "restart": "xcopy .\\src\\schema\\*.gql .\\build\\schema /Y /O /R /F /I /V /E"
  }
}

为此,我可以使用选择器(看起来像普通的CSS选择器):

<div aaa>
  AAA
</div>
<div aaa bbb>
  BBB
</div>

但是如果我有这个内容(我不能摆脱'section'标签)怎么办:

<ng-content select="div[aaa]"></ng-content>
----- some other content here -----
<ng-content select="div[aaa][bbb]"></ng-content>

我可以使用哪些选择器来获得相同的结果?这对我不起作用:

<section>
  <div aaa>
    AAA
  </div>
  <div aaa bbb>
    BBB
  </div>
</section>

都不是:

<ng-content select="section div[aaa]"></ng-content>
----- some other content here -----
<ng-content select="section div[aaa][bbb]"></ng-content>

有什么解决方法吗?为什么选择器不能作为CSS选择器使用?这是设计使然吗?我在文档上找不到原因...

如果将'section'标签替换为'ng-template'或'ng-container'是否有帮助?

1 个答案:

答案 0 :(得分:0)

我认为ng-content不可能。

您可以选择其他方法,但是要复杂一些。

我首选的方法是使用Angular CDK门户。 有关更多信息,请参见: