問題タブ [ngboilerplate]
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 - AngularJSHTMLテンプレート/スニペット管理
私はBackbone+Marionette+Requireから来たAngularnoobです。
多数のビューと多数のディレクティブがあり、それぞれが独自のHTMLを持っているアプリがある場合、すべてのHTMLスニペットをどこに配置しますか?私が見る例のほとんどは、それらをインラインで、独自のスクリプトタグに格納するか、非同期でロードしています。RequireJSについて私が気に入っていることの1つは、テンプレートは独自のファイルに保存できますが、本番用にメインのJSファイルにコンパイルできることです。私はうなり声のタスクまたは同様のものがあると思いますか?おそらく、個々のファイルからHTMLを取得し、ビルド時に統合されたHTMLファイルの個々のスクリプトタグに埋め込むものでしょうか。
ありがとう。
angularjs - 複数のモジュールからui-routerの子状態を構成するAngular.js
メインモジュールで「ルート状態」を定義してから、他のモジュールに子状態を追加できるセットアップを実装したいと思います。これは、子状態に移動する前にルート状態を解決する必要があるためです。
どうやら、これはこの FAQ によると可能であるはずです: 方法: 複数のモジュールから ui-router を構成する
私にとってはうまくいきません: Error Uncaught Error: No such state 'app' from ngBoilerplate.foo
ここに私が持っているものがあります:
app.js
foo.js
これを機能させるにはどうすればよいですか、またはすべての状態の前に何かグローバルに解決するためにどのようなアプローチを取ることができますか (各状態で解決を定義することなく)。
angularjs - SPA フロントエンドからバックエンド フラッシュ メッセージを取得する
シングルページアプリケーションで作業しているときに、バックエンドから返されたフラッシュメッセージを処理するのは非常に難しいことがわかりました.
次の 5 つのアクションがあるとします。
ログイン、ログアウト、検索、追加、削除。
各アクションはメッセージを発行します (成功または失敗、それ以上の可能性があります)。Non-SPA では 、テンプレートでbackend.getFlash()などを実行して、セッションに保存されたメッセージを取得するのは簡単です。
ただし、SPA では、結果が JSON で返される場合、もちろんバックエンドはメッセージを js フレームワーク (angularjs など) に渡すことができます。しかし、それは本当に退屈で、柔軟性がまったくありません。
誰にもアイデアや経験がありますか?
ありがとう
angularjs - ng-boilerplate grunt スクリプトのコンパイル
自分のアプリで ng-boilerplate のスクリプト コンパイル プロセスを複製できるようにしたいのですが、機能させることができません。
index.html の次の行を、アプリ内のすべてのスクリプトのリストにコンパイルすることについて言及しています。
filterForJS 関数を追加し、gruntfile.js にマルチタスクを登録しましたが、機能していません :(
javascript - NG ボイラープレートでコンパイル中にスクリプト/css が挿入される順序を変更するにはどうすればよいですか
NG Boilerplate を使用して angularJs アプリケーションを作成していますが、ログイン コントローラーを含む JS ファイルが、loginModule.js ファイルよりも先に index.html に書き込まれるという問題が発生し、これが一連のエラーを引き起こしています。
JS (および CSS) ファイルがコンパイルされたページに追加される順序を制御する方法はありますか?
angularjs - ui-view が ng-boilerplate でレンダリングされない
angular.js アプリで ng-boilerplate と ui-router を使用しています。トップバー、サイドバー、メイン レイアウトの 3 つのセクション レイアウトがあります。ng-switch を使用して、メイン レイアウトにさまざまなビューを表示します。ここに私の index.html がどのように見えるかがあります
私のHeaderTemplate
とSidebarTemplate
はレンダリングされていますが、メイン レイアウトはレンダリングされていません。
section
inの値を確認しました$scope
。それはsection1
問題ありません。開発者ツールで調べると、これはDOM
次のようになります
したがって、ここでは正しいセクションが選択されていますがui-view
、コメントが表示されているだけui-view-anchor
です(それが何であるかわかりません)。section1
、などのテンプレートを取得しているかどうかを確認するために HTML ソースを調べたところ、section2
それらを取得していることがわかります。で見ましたがtemplates-app.js
、セクションの html を取得しています。HTMLを取得しているときにHTMLをレンダリングしない理由はありますか? 私の$stateProvider
構成は次のようになります
等々。
angularjs - モジュール パターン構造 (ngBoilerplate なし) に従うと、AngularJS アプリにビューが表示されません。
アプリ ディレクトリの構造を改善しようとして、ngBoilerplateをインストールして、そのフレームワークを使用してゼロからアプリを作成する方法がわからないことに気付いたので、モジュール パターンを手動で(ngBoilerplate を使用せずに) 従うことにしました。
アプリをモジュール構造に移行する前に、次の手順を実行しました。
このディレクトリを作成しました。
index.htmlを設定しました
次に、最初のビューを設定しました...
..独自のモジュールを使用。
最後にアプリ (基本的には ngBoilerplate サンプル アプリのコピー) です。
ブラウザーで開くと、ページにビューのホームindex.html
が表示されません(私がテストしている唯一のビュー)。そして、コンソールはこれを言うだけです:
私はしばらくこれで立ち往生しています。何が間違っている可能性がありますか?
ありがとうございます!
編集
こちらがプランカー