角2命令でtemplateUrlを使用する方法

Question

ディレクティブにhtmlテンプレートを追加するにはどうすればよいですか？以下は、動作しないサンプルコードです。

import {Directive} from '@ angular/core';

@Directive（{
セレクタ '[マスター側バー]'、
templateUrl： 'マスター側内容でbar.html'}）

エクスポートクラスMasterSideBar {

コンストラクタ（）{

console.log('Hello MasterSideBar Directive'); 

}

}

私は次のエラーを取得する：タイプの

引数「{セレクタ：ストリング。 templateUrl：文字列; } 'は'指令 'タイプのパラメータに割り当て可能ではない です。オブジェクトリテラルは のみ既知のプロパティを指定でき、 'templateUrl'はタイプ ' 'には存在しません。

Answer 1

コードから、コンポーネントディレクティブを使用する必要があります。

コンポーネントはHTMLとしてテンプレートを受け入れる唯一のディレクティブです。

ご確認くださいTypes of directives

はそれが役に立てば幸い！

Answer 2

Angular docsによると、属性と構造の2種類の指示があります。いずれもテンプレートをサポートしていません。 angleコンポーネントを使用するだけです。あなたが指示を必ず使用したいと思う理由がありますか？