Javascript 仅以角度2+；渲染ngTemplateOutlet的选定部分；

我希望能够选择要渲染的部分

ngTemplateOutlet

例如：

main.component.html

<ng-container *ngTemplateOutlet="myTemplate"></ng-container>
<ng-container *ngTemplateOutlet="myTemplate"></ng-container>

BBB

在这种情况下，我将使组件不是指令，您需要使用

<my-component> AAA </my-component>
<my-component> BBB </my-component>

希望这有帮助

编辑：打字错误

my-directive.directive.ts


@Directive({
  selector: '[myDirective]'
})
export class MyDirective{}

example.component.html

<app-main>
  <div *myDirective> AAA </div>
  <div *myDirective> BBB </div>
</app-main>

<div>AAA</div>
<div>AAA</div>

<div>AAA</div>
<div>BBB</div>

<ng-container *ngTemplateOutlet="myTemplate" getContentBy='.classBBB'></ng-container>

<div *myDirective class='classBBB'> BBB </div>

<my-component> AAA </my-component>
<my-component> BBB </my-component>

<ng-content></ng-content> <!-- <<<<<<<< THE CONTENT WILL BE RENDERED HERE -->

<my-component myAttr="someVar"> AAA </my-component>

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html'
})
export class myComponent{

    @Input('auto') auto = true;

    constructor(){}
}