Laravel と Angular を組み合わせると、この問題に直面しています。

オンラインで見つけた非常に簡単なチュートリアルng-viewに従って、ディレクティブを使用してビューをロードしようとしました。ただし、実際にテンプレートをロードすることはできません。これは私のapp.jsコードです:

私のファイルツリー:

サイトは正常に読み込まれますが、ソース コードを見ると、 内のテンプレートを見る代わりにinicio.html、これが発生します...

index.blade.php ファイル内のコード

ブラウザのソースコードに表示されるコード

Chromeのnetworkタブには、ビューを読み込もうとして 404 エラーが表示されません。

私がこれまでに試したこと：

1. フォルダー内にテンプレートを配置するjs(templateUrl: 'templates/inicio.html')
2. フォルダー内にテンプレートを配置するpublic(templateUrl: '../templates/inicio.html')
   • また、templateUrl: '/public/templates/inicio.html'
3. ルート フォルダー内にテンプレートを配置する (templateUrl: '/templates/inicio.html')
4. フォルダー内にファイルのみを配置するjs: (templateUrl: 'inicio.html')

上記のどれも機能していないようです。何か助けてください。

編集私はまた、これがURLで起こっているのを見ます:代わりに、次のmyapp/public/inicioようにロードしますmyapp/public/inicio#/

ただし、body タグ自体に ng-view を付けると、スクロールの問題は発生しません。

私は何ヶ月もブートストラップを使用してアプリケーションに取り組んできましたが、 (ブートストラップ) を追加して ng-view を inside に移動するまで、スクロールの問題は一度もありませんでした。

現在、特定のルートはスクロールしませんが、時々のみです。また、ページの更新時にスクロールします。

angularのドキュメントには、ng-viewをbodyタグに制限するものは何も表示されないため、それはできません。

なぜこれが起こっているのか誰にも分かりますか？

Angularjs を使用してヘッダーとコンテンツを含む MVC アプリケーションがあります。

Content で ng-app を定義し、$routeProvider を使用してコンテンツ ページを読み込みます。これはうまくいっています。

コンテンツ領域にページを表示したい場所からヘッダーにリンクがあります-これはng-appの外にあります。一番上に ng-app を設定せずにこれを行うにはどうすればよいですか? また、多くのマスター ページ Web サイトはこの UI デザインのみに基づいて構築されているため、同じことを達成する他の方法があるかどうかを提案します。

以下は、Master.cshtml と app.js を示す私のコードです。さらにコードを提供する必要がある場合はお知らせください -

Master.cshtml -

app.js -

異なるビューに 2 つのコントローラー (異なる js ファイル) を使用しています。

私のメインHTML

================================================== ==============================

App.js // メインの js ファイル

controllerLocation.js // ロケーション コントローラー

controllerItem.js // アイテム コントローラ

location.html // ロケーション html

items.html

================================================== ==============================

/Load を呼び出してデバッグすると、location.html コンテンツが表示され、controllerLocation も読み込まれます。しかし、 $location.path("/Items"); の後 items.html をロードしていますが、controllerItem をロードしておらず、エラーenter code herehttp://errors.angularjs.org/1.2.22/ng/areq?p0=itemsCtrl&p1=not%20aNaNunction%2C%20got%20undefinedをスローしています。

何が問題なのかを見つけるのを手伝ってもらえますか?

angularJS を使用して Web サイトを構築し、angular-route ライブラリを使用して Web サイトのさまざまなページを表示しています。私のウェブサイトはうまく機能していますが、別のビューに移動すると URL にハッシュタグが表示されます。使用しているハッシュタグの削除について

しかし、これはページの更新では機能しません。私のコードは以下のとおりです:- Index.html

app.js

}]);

私は Angular を初めて使用し、ルーティングに問題があります。非常に簡単にセットアップしましたが、まだ機能していません。

index.html:

app.js:

コンポーネント/課金/billing.js:

components/billing/billing.html:

私が読んだことから、それはデフォルトのルーティングであるため、ng-viewにbilling.htmlを含める必要があります。しかし、私が得るのは「読み込み中...」だけです。

どんな助けでも大歓迎です！

私のアプリケーションには ng-view とほぼ 40 個のコントローラーがあり、2 つのボタン ブロックと、このブロックの 1 つはメイン ページにのみ表示され、2 番目のブロックは残りのページに表示されます (例ではボタン ブロック 2 つ 1 つのボタンを単純化しました)。また、一部のページでは、そのボタンはまったく必要ありません。

これらのボタンは $rootScope に属し、要素はルート スコープ変数に応じて表示または非表示になります。ルートが変更されるたびに呼び出されるルートスコープにリスナーを作成しました。しかし、その場合、ng-viewがビューを変更する前に、あるボタンブロックが別のボタンブロックで変更されたことが分かります。

2 番目の解決策は、コントローラーで hideHeader 変数を設定することです。ただし、その場合、各コントローラーでこの変数を設定する必要があります。その場合、ソリューションのサポートは困難になります。たとえば、1 つのページにのみ表示する別のボタン ブロックを追加します。これは、すべてのコントローラーを書き直す必要があることを意味します。

そのための最善の解決策は何ですか？