問題タブ [ng-view]

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.

0 投票する
0 に答える
911 参照

angularjs - ng-view はブートストラップ JavaScript (css など) を評価しません

私の問題は、Angular が ng-view 内で templateUrl を ($routeProvider を介して) ロードすると、すべての JavaScript も評価されないことです。私はそれを理解しようとしましたが、今私は本当に混乱しています。検索中に、たくさんの新しいトピックを見つけましたが、それらの中で迷ってしまいました。何か案が?

物語

他の誰かが以前にこの問題に遭遇したかどうか、またはこの問題の解決策があるかどうかを調べようとしました。私が見つけた方法は、「遅延読み込み」ディレクティブまたはrequirejsの使用のようなものでしたが、これらのツールが本当にこの問題を解決するかどうかはわかりません.

ブウ・グエンがこのスレッドで言及したように

それがjqLit​​eの仕組みです。テンプレート内のスクリプトを評価する場合は、AngularJS の前に jQuery を含めます。jQuery が含まれている場合、スクリプトが評価されます。jQuery を削除してみると、最初に確認された動作が表示されます。

angularjsの前にjqueryを含めてみましたが、まったく効果がありません。たとえば、私が読んだいくつかのスレッドがあります

しかし、解決につながるものは何もありません(多分私は何かを逃したかもしれません)。そして、これは私の問題でさえないと思います。javascript ファイルを (再) ロードしたくありません。ブートストラップを強制的に評価したいだけです。

正直今すごく迷っています。その後、初めてRequireJSに会いました。(遅延読み込み、そして友人たち)

YouTube でThomas Burleson のビデオを見たことがありますが、それが何であるかをほぼ理解しています。そして、トピックの記事をもっと見ました(興味があることがわかったので)が、解決策は別の場所にあるはずです。

状況はこちら

angularjs アプリに取り組んでいる間、部分的なサイトを別の .html ファイルとして作成しました (念のため)。次に、この .html ファイルを断片 (ヘッダー、トップメニュー、コンテンツ、フッター) に切り取り、その body タグを部分的な urlTemplate 内の div として使用します。

角度のある $routeprovider:

submit.html

すべての角度関数が機能しています。唯一の目に見える違いは外観です。

これは良いものです: 良い

そして、これは悪いものです: 悪い

0 投票する
2 に答える
197 参照

javascript - AngularJS を使用して同じページで複数のビューを使用する

AngularJS を使用して同じ SPA で複数のビューを使用することは可能ですか?

ページのヘッダーバーに 1 つのビュー、ページの本文に 2 つ目、ページのフッターに 3 つ目のビューを使用する予定です。そのため、場所がルーティングされるたびにヘッダーとフッターのビューが変更されるのではなく、ボディ ビューで [ヘッダーの変更] ボタンをクリックするなど、ユーザーがボディに対して実行するアクションに応じてのみ変更されます。

例は本当に役に立ちます。

ありがとう。

0 投票する
2 に答える
714 参照

javascript - angularjsで条件付きでカスタムhtmlページとビューベースのページを表示する方法

yeoman を使用して角度のあるプロジェクトを生成しました。

私はng-viewでindex.htmlを持っていて、対応するコントローラーを介してclaims.html、claim-details.htmlを表示していましたが、ng-viewで適切にレンダリングされます。

これで、特定の css を含む signin.html ページができました。これは完全に構造化された HTML ページです。ユーザーがログインしていないときにこれを表示したい。認証されるとすぐに、上記のビューにリダイレクトする必要があります。どうすればこれを設定できますか?

ルーティングに従っています

どの .html を ng-view の一部としてレンダリングする必要があり、どれをスタンドアロンの html ファイルにする必要があるかについて言及することは可能ですか? つまり、claims.html と dashboard.html を ng-view の一部にしたいのですが、signin.html はスタンドアロンにする必要があります。

0 投票する
0 に答える
100 参照

ruby - AngularJS タグが評価されていません

Rails バックエンドで最初の AngularJS アプリを実行しようとしていますが、これまでのところ問題がありましたが、何とか前進できましたが、別の問題があります。

Angular タグが評価されていないようです。こんな感じです

ここに画像の説明を入力

以下は私のセットアップです

テンプレートファイル

NGコントローラー

レイアウトファイル

編集

HTML ページのソース

0 投票する
0 に答える
1315 参照

angularjs - AngularJS templateUrl が機能しない

こんにちは、よろしくお願いします。ビューを index.html ページに表示する作業を行っています。リンクをクリックすると、http リクエストで、適切なテンプレートが取得されていることがわかりますが、表示されていません。テンプレート html を ng-view タグに関連付けるのに問題があるようです。私のテンプレートにもルート要素が 1 つしかなく、それ以外はすべて正常に機能しているようです。どんな助けでも大歓迎です。また、templateUrl の代わりにテンプレートを使用し、そのように html を追加すると、同様に機能します。

そして私のIndex.html(スリム化)

そして、私の単純なhtmlテンプレートは次のとおりです。

0 投票する
1 に答える
824 参照

javascript - angularjs の ng-view を使用した Dropzonejs

dropzonejs を ng-view ディレクティブで動作させる際に特に問題があります。

以下は私のindex.htmlです:

私のapp.js:

}]);

そして、dropzonejs を使用した create.html ページ:

dropzone フォームを index.html に直接配置するとすべて正常に動作しますが、ng-view ディレクティブを使用して dropzonjs で create.html にルーティングすると、動作するようになりました。ドロップゾーン フォームは処理されません。たとえば、クラスは「dropzone ng-pristine ng-valid dz-clickable」ではなく「dropzone ng-pristine ng-valid」であり、メッセージ付きの div は追加されません。

誰でも何か考えがありますか?

0 投票する
1 に答える
633 参照

angularjs - 別の ng-view 内の ng-view が可能

ネストされた ng-view は、angularjs またはこれに対する代替ソリューションがあれば可能です。ng-view内でng-viewが可能であれば。

0 投票する
1 に答える
114 参照

angularjs - module.config/ng-viewの使用中にIDをhrefする方法は?

次のような構成をしていますng-view:

問題は、以下のようなものをクリックするたびに、error.htmlページにリダイレクトされることです。

また、error.htmlコンテンツが表示されるはずなのに、空のページが表示されます。プロセスにエラーはありません。

この場合、どうすればhrefIDを取得できますか? また、error.htmlページが表示されないのはなぜですか (ユーザーが ID をクリックした場合にページを表示したくない場合でも、なぜ表示されないのだろうか) ?