問題タブ [angularjs-ng-include]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - Chrome で AngularJS CSP が機能しない
Tomcat と AngularJS (v1.2.14) を使用して作成されたアプリケーションがあります。web.xml で ContentSecurityFilter を/*に設定し、構成でポリシー ルールを設定して、同じオリジンを許可し、eval を許可し、安全でないインラインを許可します。
https://mysite.com/my/app/urlを index.jsp にマップしました。これにより、最終的に次のことが行われます。
wizard.html は、真のアプリケーションの処理が行われている場所です。AngularJS ディレクティブなどがたくさんあります。
この設定はIE と FF では機能しますが、CH では機能しません。Chrome で my/app/url にアクセスしようとすると、wizard.html が表示されません。index.jsp の残りの部分は正常に表示されます。開発ツールに行くと、wizard.html で次のエラーが発生することがわかります。
リソースの読み込みに失敗しました: サーバーは 401 (未承認) のステータスで応答しました
サーバーログにエラーはありません。web.xml で CSP フィルター マッピングを無効にすると、Chrome が正常に動作し始めます。ただし、セキュリティ上の理由から CSP フィルターが必要です。
これを修正する方法を知っている人はいますか?どんな助けでも大歓迎です!
angularjs - AngularJS ng-include: 含まれているコントローラーで定義された関数を呼び出す onload
AngularJS を使用して、「onload」引数を使用して、「子」コントローラー (含まれているテンプレートによって呼び出されるコントローラー) 内で定義された関数をトリガーすることは可能ですか?
例:
それは理にかなっていますか?または、次のように、単に childController 内で関数を呼び出す必要がありますか?
javascript - ディレクティブ リンク関数内の変数に TemplateURL を追加する方法は?
ディレクティブのリンク関数内にテンプレート URL を含めるにはどうすればよいですか? 私はこのようなことをしようとしています:
検索したところ、Angularディレクティブで使用できることがわかりましたtemplateUrl
。link
しかし、最終的にコンパイルされる内部に配置された変数にhtmlコードを保存しようとしています。通常、小さなコードの場合は、HTML を にインラインで入力するだけvar htmlText
です。しかし、コードがたくさんある場合は、それを別の html ファイルに保存してから、その変数に対してそれを呼び出します (上記の例のように)。だから私の質問は
1) 変数内のテンプレート URL へのリンクを追加するにはどうすればよいlink
ですか?
2) URL パスを追加する場合、index.html ファイルが置かれている場所からの相対パスを追加しますか、それともディレクティブ ファイルが置かれている場所からのパスを追加しますか?
javascript - AngularJS - JQuery : ngInclude ディレクティブ - DOM
私のテンプレート ブートストラップには JS が含まれています。これらは JS が実行されないと呼ばれているためです。
これは私のIndex.htmlです
私のnavbar.html
私のテンプレート ライブラリには、theme.js があります。
Body要素に「メニュー」クラスがある場合、CSSはサイドバーを表示します
なぜそれが表示されないのか誰が知っていますか?? (デモ jsfiddle )
node.js - angularjs ng-includeがファイルを表示しない
ng-include ディレクティブを含む基本的な node-express Angular アプリを実装しようとしています。
これは私のアプリの構造です:
- アプリ:
- サーバー.js
- パッケージ.json
- 公衆:
- js
- CSS
- index.html
- パーシャル:
- header.html
- partial-about.html
- 部分的な homt.html
私のserver.jsの内容は次のとおりです。
これは私のindex.htmlの内容です:
ただし、index.html をこれに単純化しようとすると、次のようになります。
header.html には明らかに以下が含まれます。
うまくいきません、何かアイデアはありますか?
javascript - ng-include を使用するときに親の $scope 変数にアクセスするには?
私の目標は、親 $scope 変数にアクセスすることです。
この投稿は非常に役立ちますが、実際のケースでこれを行う方法がわかりません。子htmlでコントローラーを宣言すると、エラーがスローされます:
私のプロジェクトはこのプランカーのようになります
このエラーは、ネストされた App 宣言が原因で発生しますか?
angularjs - AngularJS の ng-include で外部 URL を使用する
AngularJS に問題があり、いくつかのポインターが必要です。
外部 URL を埋め込みたいビューがあります (例: http://www.w3schools.com )。埋め込まれた html ページは、通常の html ページのようにクリックやタッチなどのイベントに応答する必要があります。
私はそれを機能させるために ng-include ディレクティブを使用しました。
コード スニペットを次に示します。
外部の HTML を読み込むと、外部の Web ページが読み込まれますが、ページ内のすべてのリンクが壊れています。読み込まれたページ内のリンクをクリックすると、すべてのリンクが外部 URL ではなく localhost を指すようになりました。
この問題を解決するにはどうすればよいですか?
少し早いですがお礼を!