角度ui-route状態テンプレートとカスタムhtmlタグ

Question

$stateProvider.state('abc', { 
       url: '/:id', 
       modal: true, 
       template: '<abc></abc>' 
      }) 

テンプレートプロパティにカスタムhtmlタグを使用できますか？ 'abc'、私は他の誰かのコードを見ていたが、私はこれがどのように動作するのか理解していない、私はgccのtemplatecacheのものでabc.htmlを処理している。モーダルダイアログに正しくロードされます。

ファイルは 'src/app/components/abc/abc.html'にありますが、テンプレート 'abc'は読み込むHTMLをどのように知っていますか？どこかで 'abc'ディレクティブの定義がなければならないと思いますか？私はそれを見つけることができません。

Answer 1

最終的に私はそれがどのように動作するかを考え、カスタムHTMLタグは「コンポーネント」によって定義され、この作業を行ういくつかの命名規則があります。 http://blog.grossman.io/angular-1-component-based-architecture-2/

https://docs.angularjs.org/guide/component-router

Answer 2

私はもちろんのテンプレートプロパティでカスタムのHTMLタグを

はいを​​持つことができます。テンプレートはどのようにしてもカスタムディレクティブを使用できますthey are defined。

モジュールコードまたはその依存関係のいずれかに 'abc'ディレクティブがあるはずです。

モジュールとサブモジュールの登録済みディレクティブをコンソールに表示するには、this SO questionを参照してください。

Answer 3

はい、カスタムhtmlを使用できます。 UIルータには、templateまたはtemplateUrlのいずれかを指定することができます。最初は文字列リテラルにhtmlを記述する必要があり、後者はhtmlファイルの場所を設定できます。 htmlファイルとtemplateUrlを使用して

$stateProvider.state('abc', { 
    url: '/:id', 
    modal: true, 
    template: '<abc></abc>' // this is correct! 
}) 

：文字列リテラルでtemplateを使用して

。

$stateProvider.state('abc', { 
    url: '/:id', 
    modal: true, 
    templateUrl: '/path/to/abc.html' // if you have a file named `abc.html` in directory `path/to`, the template will be loaded 
})