我可以使用角度組件選擇器作為該組件的屬性嗎？

Question

例如，

    @Component({
      selector: 'editor', //Same as component input
      templateUrl: './editor.component.html',
      styleUrls: ['./editor.component.scss']
    })
    export class Editor implements OnInit {
      @Input() editor: string; //Same name as selector
      @Input() color: string;
      constructor() { }

      ngOnInit() {
      }
   }

HTML： <div editor="value" color="blue"></div>

到目前為止，我的經驗是這行不通。 有人對如何進行這項工作有任何想法嗎？ 還是有可能？

Answer 1

您應該在div標簽上使用屬性綁定。

 [editor]="value"

Answer 2

有可能，您應該將選擇器括在方括號中

import { Component, OnInit, Input } from "@angular/core";

@Component({
    selector: '[editor]', //Same as component input
    template: `<span>Foo Bar template</span>`,
})
export class TryComponent implements OnInit {
    @Input() editor: string; //Same name as selector
    @Input() color: string;
    constructor() { }

    ngOnInit() {
        console.info(this.editor);
    }
}

然后像這樣使用

<div [editor]="'FooBarValue'" color="blue"></div>

要么

<div [editor]="classProperty" color="blue"></div>