2017-02-28 8 views
1

puikinsh/gentelella adminテンプレートを使用して新しいAngularJSプロジェクトを開始します。ngIndex.htmlからスクリプトを読み込まない - AngularJS

index.htmlのコンテンツセクションを 'ダッシュボード'ビューに抽出し、ngViewに置き換えます。 ngIncludeを使用してサイドバーセクションを 'サイドバー'ビューに抽出します。

すべてのhtmlが正常に読み込まれましたが、サイドバーをクリックできず、 'ダッシュボード'ビューのすべてのグラフが読み込まれません。私は、角度スクリプトを追加する以外は、index.html内のスクリプトを変更しませんでした。

角度スクリプトの前にjQueryスクリプトを配置しようとしましたが、それでも問題は解決しません。 ngView & ngIncludeをビューのhtmlコードに置き換えると、サイドバーが正常に動作し、グラフが読み込まれます。

私には何が欠けていますか?

エクストラ:

マイコード:plnkr.co/edit/gOlvOgzvNBcu9cMHBzfd

Getelella管理テーマのデモ:https://colorlib.com/polygon/gentelella/index.html

+0

あなたのコード – mvermand

+0

@mvermandを追加してください、私は私のコードをデモするplunkerのリンクを追加しました。 –

+0

あなたは問題の本質にあなたのプランナーを取り除く必要があると思います。 – mvermand

答えて

0

私はあなたのindex.htmlにng-appを見つけることができませんでした。あなたのコードにAngularのエントリポイントはありません。このサンプルのPlunkerを確認してください。 - https://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq

+0

ng-appはタグにあります。 –

0

私はvue.jsの完全なレンダリング機能を使用してコードを作成し、ケースにも取り込みます。

私は理由が今、私は彼らのために、サイドバーのJSは、下で働いているリバース

<!-- Custom Theme Scripts --> 
<script src="assets/theme/admin/gentelella/build/js/custom.min.js"></script> 
<!-- vue.js components compiled file --> 
<script src="{{ asset('js/app.js') }}"></script> 

であることが判明:

<!-- vue.js components compiled file --> 
<script src="{{ asset('js/app.js') }}"></script> 
<!-- Custom Theme Scripts --> 
<script src="assets/theme/admin/gentelella/build/js/custom.min.js"></script> 

私はあなたにも必要だと思います( '.... custom.min.js')をjsテンプレートに追加すると、これはテンプレートとともに読み込むことができます。

+0

私はすでに 'custom.min.js'ファイルをindex.htmlの一番下に置きます –

+0

コンソールにJSエラー出力がありますか?それとも、間違っているのですが、JSは有効ではありませんか? – Fate

+0

コンソールにエラーはありません。はい、JSは有効ではありません。 –

0

htmlタグからng-app指示文を削除し、bodyタグに配置してください。 あなたは出力を見ることができます。

プレビューplunkerはここにある: [例plunker] [1]

[1]: http://plnkr.co/edit/smCHpD3QK0zmfxkUT3CM?p=preview 
+0

違いは何ですか?サイドバーはまだ動作しません。 –

+0

あなたはそれを完全にチェックしていないと思います。私が上に与えたリンク、その作業完璧をチェックしてください。私はあなたがプランナーのようにそれを見ていると思う。それをドラッグして出力画面を大きくすると、サイドバーが正常に動作していることがわかります。 –

+0

あなたはその点に関して正しいです、私たちがng-appを置くかどうかは関係ありません、あなたはHTMLタグにも置くことができます。ありがとう –