2017-07-06 5 views
0

ng-appタグを使用してJava Webページ(従来のアプリケーション)にブートストラップされている角型1のアプリケーションがあります。私はAngular 2のダウングレード機能を使ってハイブリッドアプリを作成しようとしています。angleのブートストラップ関数を使用するときにディレクティブをエントリポイントとして使用する方法は?

これを行うには、ng-appタグを削除し、を@angular/upgrade/staticから、upgrade.bootstrap(document.body, ['myapp'])を使用してブートストラップする必要があります。しかし、アプリケーションのエントリポイントを含む、アプリケーションのほとんどのコンポーネントは、単なる古い角1.2のディレクティブです。

私が見た例から、ページにコンポーネントを追加するには、controller="MenuCtrl"の構文を使用しています。アプリケーションへのエントリポイントとしてディレクティブを使用することは可能ですか?例えば

<div my-menu-directive></div>

私はNG-アプリのタグを削除しましたが、アプリは間違いなくブートストラップされているため、現在、何もアプリに表示されていません。私は指示のどれも見ていないだけです。

答えて

1

ので、同じようangular.element()にブートストラップステートメントをラップすることによって、これを修正:

angular.element(function() { 
    upgrade.bootstrap(document.body, ['myApp'], { strictDi: true }); 
}); 
関連する問題