ウェブサイトの角度2のiframe

Question

angular2コンポーネントのプレビューを表示するために、angular2 cli 4.0をウェブサイトのiframeに起動することはできますか？私はこの質問に対する答えに感謝します。

Answer 1

角度アプリを実行してiframeに読み込むことができます。あなたのアプリケーションでは、1つのコンポーネントだけが見えるようにルートを作成する必要があります。次に、他のウェブサイトのiframeに読み込むことができます。

例：あなたのコンポーネントがhttp://localhost:4200/components/card

で利用できるようになると、あなたのウェブサイト上で、あなたはこのようにそれをロードすることができます。 <iframe src="http://localhost:4200/components/card></iframe>

Answer 2

はあなたの角度アプリはあなただけのWebアプリと角度アプリがあなたのウェブサイト内にロードされますあなたの中に<iframe src='http://localhost:4200'>を追加ng serve

でアプリを実行すると、デフォルトのURLであるhttp://localhost:4200でホストされているとしましょう。