Angular 向动态生成的组件添加指令

我在寻找，如何创建一个组件Dinamicamenty遵循的步骤和运行完美

import {Component, Input} from '@angular/core';
import {Observable}       from "rxjs/Rx";
@Component({
selector: 'string-editor',
template: `
<dl>
  <dt>{{propertyName}}</dt>
  <dd>
    <input
      type="text"  
      [(ngModel)]="entity[propertyName]"  />
  </dd>
</dl>`,
})
export class StringEditor {

@Input()  public propertyName: string;
@Input()  public entity: any;
};

现在，我喜欢在我的组件中创建仍然不存在的组件，添加上面声明的指令，何时也会生成这个组件，但没有工作，这个组件是用编译器创建的，等等

@Component({
selector: 'string-editor',
template: `
<dl myHighlight>
  <dt>{{propertyName}}</dt>
  <dd>
    <input
      type="text"  
      [(ngModel)]="entity[propertyName]"  />
  </dd>
</dl>`,
})

@组件({
选择器：“字符串编辑器”，
模板：`
{{propertyName}}
`,
})

---

how make for what generate a component也将具有属性a指令

您的指令选择器是

[myHighlight]

。因此，要将其应用于元素，它必须具有属性

myHighlight

。不是属性

高亮显示

。好的，我已经更正了这个问题，谢谢您需要将指令添加到动态编译模块

StringEditor

的

声明：[HighlightDirective]

中。谢谢，现在转到try您是如何解决的？

@Component({
selector: 'string-editor',
template: `
<dl myHighlight>
  <dt>{{propertyName}}</dt>
  <dd>
    <input
      type="text"  
      [(ngModel)]="entity[propertyName]"  />
  </dd>
</dl>`,
})