問題タブ [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.
angularjs - ng-view はブートストラップ JavaScript (css など) を評価しません
私の問題は、Angular が ng-view 内で templateUrl を ($routeProvider を介して) ロードすると、すべての JavaScript も評価されないことです。私はそれを理解しようとしましたが、今私は本当に混乱しています。検索中に、たくさんの新しいトピックを見つけましたが、それらの中で迷ってしまいました。何か案が?
物語
他の誰かが以前にこの問題に遭遇したかどうか、またはこの問題の解決策があるかどうかを調べようとしました。私が見つけた方法は、「遅延読み込み」ディレクティブまたはrequirejsの使用のようなものでしたが、これらのツールが本当にこの問題を解決するかどうかはわかりません.
ブウ・グエンがこのスレッドで言及したように
それがjqLiteの仕組みです。テンプレート内のスクリプトを評価する場合は、AngularJS の前に jQuery を含めます。jQuery が含まれている場合、スクリプトが評価されます。jQuery を削除してみると、最初に確認された動作が表示されます。
angularjsの前にjqueryを含めてみましたが、まったく効果がありません。たとえば、私が読んだいくつかのスレッドがあります
しかし、解決につながるものは何もありません(多分私は何かを逃したかもしれません)。そして、これは私の問題でさえないと思います。javascript ファイルを (再) ロードしたくありません。ブートストラップを強制的に評価したいだけです。
正直今すごく迷っています。その後、初めてRequireJSに会いました。(遅延読み込み、そして友人たち)
YouTube でThomas Burleson のビデオを見たことがありますが、それが何であるかをほぼ理解しています。そして、トピックの記事をもっと見ました(興味があることがわかったので)が、解決策は別の場所にあるはずです。
状況はこちら
angularjs アプリに取り組んでいる間、部分的なサイトを別の .html ファイルとして作成しました (念のため)。次に、この .html ファイルを断片 (ヘッダー、トップメニュー、コンテンツ、フッター) に切り取り、その body タグを部分的な urlTemplate 内の div として使用します。
角度のある $routeprovider:
submit.html
すべての角度関数が機能しています。唯一の目に見える違いは外観です。
これは良いものです:
そして、これは悪いものです:
javascript - AngularJS を使用して同じページで複数のビューを使用する
AngularJS を使用して同じ SPA で複数のビューを使用することは可能ですか?
ページのヘッダーバーに 1 つのビュー、ページの本文に 2 つ目、ページのフッターに 3 つ目のビューを使用する予定です。そのため、場所がルーティングされるたびにヘッダーとフッターのビューが変更されるのではなく、ボディ ビューで [ヘッダーの変更] ボタンをクリックするなど、ユーザーがボディに対して実行するアクションに応じてのみ変更されます。
例は本当に役に立ちます。
ありがとう。
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 はスタンドアロンにする必要があります。
ruby - AngularJS タグが評価されていません
Rails バックエンドで最初の AngularJS アプリを実行しようとしていますが、これまでのところ問題がありましたが、何とか前進できましたが、別の問題があります。
Angular タグが評価されていないようです。こんな感じです
以下は私のセットアップです
テンプレートファイル
NGコントローラー
レイアウトファイル
編集
HTML ページのソース
angularjs - AngularJS templateUrl が機能しない
こんにちは、よろしくお願いします。ビューを index.html ページに表示する作業を行っています。リンクをクリックすると、http リクエストで、適切なテンプレートが取得されていることがわかりますが、表示されていません。テンプレート html を ng-view タグに関連付けるのに問題があるようです。私のテンプレートにもルート要素が 1 つしかなく、それ以外はすべて正常に機能しているようです。どんな助けでも大歓迎です。また、templateUrl の代わりにテンプレートを使用し、そのように html を追加すると、同様に機能します。
そして私のIndex.html(スリム化)
そして、私の単純なhtmlテンプレートは次のとおりです。
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 は追加されません。
誰でも何か考えがありますか?
angularjs - 別の ng-view 内の ng-view が可能
ネストされた ng-view は、angularjs またはこれに対する代替ソリューションがあれば可能です。ng-view内でng-viewが可能であれば。
angularjs - module.config/ng-viewの使用中にIDをhrefする方法は?
次のような構成をしていますng-view
:
問題は、以下のようなものをクリックするたびに、error.html
ページにリダイレクトされることです。
また、error.html
コンテンツが表示されるはずなのに、空のページが表示されます。プロセスにエラーはありません。
この場合、どうすればhref
IDを取得できますか? また、error.html
ページが表示されないのはなぜですか (ユーザーが ID をクリックした場合にページを表示したくない場合でも、なぜ表示されないのだろうか) ?