2016-03-24 16 views
1

私の意見では、これは可能ではないかもしれませんが、私は誰もがこれが可能であると考えているかどうかを知るためにこれを求めています。だからここに行く:角度アプリケーション内の角度アプリケーションは可能ですか?

私が基本的に達成しようとしているのは、電子商取引のウェブサイトがあり、その電子商取引のウェブサイトに機能を追加するはずの私の角度アプリケーションです。私の角張ったアプリケーションは基本的にBootstrapモーダルスタイルのレイアウトで開き、いくつかのページがあります。

電子商取引のウェブサイトに私のAngularアプリケーションを挿入し、電子商取引のWebサイトがAngularベースではない場合はすべて正常に動作しますが、電子商取引のWebサイトもAngularベースの場合、電子商取引のウェブサイト。

誰もがこれが可能かもしれないと思いますか?もしそうなら、どうですか? 私は自分の説明を改善することができるかもしれないので、私が自分自身を明確にしていないかどうか教えてください。

+0

アプリケーションで角度ルーティングを使用してブラウザのナビゲーションを傍受している場合は、電子商取引サイトに問題が発生する可能性があります。 – navigator

+0

@navigator私のアプリケーションではui.routerを使用しています...これは問題があると思うが、他の誰かがうまくいくかどうかを知りたいと思った理由です。 – haseebahmed7

+0

モーダルを表示する場合 - ui-routerが必要な理由 –

答えて

0

オプション1.検索し、宣言あなたの角度のjsファイル内の単語を置き換える "角度":

var app = custom-name-here.module('myapp',[]); 

オプション2。理論的には、コンテンツ/コールスクリプトとCSSをiframeにラップすることができるはずです。これにより、コードを外部から保護することができます。これにより、外部とのコミュニケーションも少し難しくなりますが、簡単にスクリプトで行うことができます。

<iframe id="protected-content"> 

<link rel="stylesheet"...href="styles.css"> 

//html content here 

<script src="..angular.min.js"><script> 
<iframe> 

もう1つの選択肢は、Content-Security-Policyです。理論的にはdivのContent-Security-Policy: script-src 'self'を追加して、その要素が要素外のスクリプトの影響を受けないようにする必要があります。このリンクに従ってください:http://www.html5rocks.com/en/tutorials/security/content-security-policy/#inline-code-considered-harmful

+0

iframeのファンではないので、適切な解決策ではないと思います。 – haseebahmed7

+0

オプション1はどのように正確に役立ちますか?両方のアプリケーションがルーティングの問題を引き起こしている同じURLに依存しているとは限りませんか? 両方のAngularアプリケーションが互いに競合していると思っていますが、そうではありません。そこには経路しかありません。 – haseebahmed7

+0

あなたは、あなたの質問では、 "すべての電子商取引のウェブサイトが角度ベースではない場合は正常に動作する"と述べた..上記のステートメントに基づいて、まだ可能な解決策です。オプション1、それをテストする必要があります。そうでなければ、私たちに見せるためのコードを提供する – KpTheConstructor

関連する問題