Angular2テンプレートmixinsとヘルパー

Question

の前にコンパイル時にヘルパー関数を定義する方法はありますか？

例えば、それはコンポーネントを作成するオーバーヘッドとパフォーマンスへの影響なし<icon>hamburguer</icon>しかしのようなものから<i class="icon icon-hamburger" aria-hidden="true"></i>を生成するためにいいだろう、私はちょうどそれがテンプレートのコンパイル前に変換する必要があります。

Answer 1

プロダクションでAOT（事前コンパイル）を使用することをお勧めします。これにより、コンポーネントの作成によるオーバーヘッドとパフォーマンスの影響が最小限に抑えられます。必要なものを手に入れるためには、動的なコンポーネントを作成する必要があります。実際にはこのプロセスに余分なオーバーヘッドが加わり、AOTでうまく動作しません。

速いディレクティブは次のようになります。

@Directive({ 
    selector: '[jmIcon]', 
    host: { 
    'attr.aria-hidden': 'true' 
    } 
}) 
export class IconDirective { 

    @Input() 
    public jmIcon: string; 

    @HostBinding('class') 
    public get classList(): string { 
     return 'icon icon-' + this.jmIcon; 
    } 

} 

この使用方法では：

<i jmIcon="hamburger"></i>