問題タブ [ngboilerplate]

私は2つのことを探しています。まず、AngularJs でウィザードを 10 ステップと統合したいと考えています。ng-ボイラープレートを使用しています。次に、プログレスバーをウィザードに統合したいと思います。すべてのステップで、プログレスバーが状態を更新する必要があります。

例えば：

1 ステップ -> プログレスバーの幅 10% 2 ステップ -> プログレスバーの幅 20%

等々...

誰かがこれを行うための良い解決策を知っていましたか、またはAngularjsですでにこれを行った人はいますか?

ご回答ありがとうございます

私はAngularJsが初めてで、コードに問題があります。

現時点で、私の HTML は次のようになります。

私のコントローラーは次のようになります。

ウィザードの最初のステップで送信ボタンをクリックすると、コンソールにエラーが表示され、次のメッセージが表示されます: $scope.age_form is undefined

誰でもこの問題で私を助けることができますか?

ご回答ありがとうございます。

angularjs と laravel で、約 500 のテーブルと動的ロール セキュリティを備えた巨大なアプリケーションを構築しています。ng-boilerplate を使用したいのですが、すべての js とビューを 1 つのファイルにコンパイルします。そのファイルは初期読み込みには大きすぎますか? 私にはやり過ぎのように思えます。関連するモジュールのみをロードする提案はありますか?

私は ng-boilerplate amd を使用しており、次のフォルダー構造があります

add.js内で次のルートが定義されています

member.tpl.html 内には、ルートへのリンクが定義されています

上記のリンクをクリックすると、URL が「#/member/member-add」に変更され、ページ タイトルが上記の「メンバーの追加」に一致するように変更されますが、ファイル member/add/add.tpl.html は読み込まれません。コンソールにエラーが表示されず、grunt で正常にビルドされます。templates-app.js でファイルへの参照を確認できます。

編集：他のルートは問題ありません。サブサブフォルダー、つまり app/member/add/ 内のルートのみです

ページがレンダリングされない理由はありますか?

私はangular.jsから始めていますが、読んだ後、ng-boilerplateを使用してプロジェクトをブートストラップする必要があることに気付きました。しかし、私は少し混乱しています。プロジェクトなどを複製し、必要なすべての構造を備えた ng-boilerplate というプロジェクトを作成しましたが、今はどうすればよいでしょうか? プロジェクト名「ng-boilerplate」を自分のプロジェクト名に変更する必要がありますか? 「Home」や「About」などのフォルダはどうでしょうか。これらのフォルダを削除して、必要なフォルダを作成する必要がありますか? 他のファイルの一部のコードを削除する必要があると思いますよね? 問題は、角度から始めているため、何を削除する必要があり、何を削除しないのかわからないことです。ご覧のとおり、私はこれにかなり慣れていませんが、手順は正しいですか? ありがとう

ng-boilerplate私は Github からアプリをダウンロードしました。AngularJS とテストについて学ぶのに役立つように、このアプリを使用しています。

私が最初にしたことの 1 つは、カルマ テストの仕組みを学ぶことでした。そこで、Karma フォルダー内でコマンド プロンプトを開き、次のように入力しました。

完璧なテスト結果が返されることを期待しています (コードには触れていないため)。ただし、代わりに、次のエラーが発生します。

なぜこうなった？私は何を間違っていますか？

ngBoilerplateでは、アプリケーション全体のフィルター、サービス、およびディレクティブをどこに配置し、どのように構造化する必要がありますか?

ソース/アプリ

ディレクトリはappルーティングを中心に配置されているようです。

および付随するテスト (以下で説明) とは別にapp.js、このディレクトリにはアプリケーションの高レベル セクションに対応するサブディレクトリがあり、多くの場合、最上位ルートに対応します。

これは当てはまりません。これらはアプリケーションの高レベル セクションに対応しておらず、ましてやルートには対応していません。

ソース/共通

commonただし、ディレクトリもあります。README.md状態:

ディレクトリには、src/common/内部およびサードパーティの再利用可能なコンポーネントが格納されています。基本的に、このフォルダーは、このアプリケーションに完全に固有ではないすべてのもの用です。

ここに含まれるすべてのコンポーネントは、他のプロジェクトでドラッグ アンド ドロップで再利用できる必要があります。同様にドラッグアンドドロップで再利用できない他のコンポーネントに依存するべきではありません。

これらの項目はこのアプリケーションに固有のものであり、他のアプリでは機能しないため、私の場合は当てはまらないようです。

(src/common フォルダをアドレス指定するために編集)

ngboilerplate を使用して、基本的にすべてのサイトとその環境の管理パネルである角度付きアプリを構築しています。「子」コントローラー/モデルが「親」が設定されていないと機能しないように、関数とモデルデータの一種の階層をセットアップする必要があります。これが私が説明しようとしているものの内訳です。

モデル -> 環境 (製品、ステージ、開発) 環境が選択されると、サイトを選択できるようになります

モデル -> サイト (現在の環境のすべてのサイト) サイトが選択されると、サイト データを取得します。

モデル -> サイト (サイト データ json には、ページ構成値などが含まれます)

このような構造をセットアップする適切な方法は何ですか? 現在、ページ内のルートごとに個別のコントローラーとルート (ui-router) を使用しています。私が確認する必要がある主な機能は、サイトのデータが適切な環境からリロードされるように選択されたサイトで環境が変更された場合です。それを確実にするために $watch を使用すると思いますか？ベスト プラクティスに関する提案やヒントをいただければ幸いです。

更新：ここで明確にするために、いくつかの詳細があります：

「監視」する必要がある主なモデルは、環境モデルです。設定された環境に応じて、使用されている API URL を調整し、表示名を変更します。同様に、env に対応するサイト リストもロードします (現在は静的 json ファイルですが、代わりに api 呼び出しである可能性があります)。この質問をする前に私が書いたコードは次のとおりです。

Tools.js

Tools.tpl.hmtl

Sites.js

Sites.tpl.html

私はAngularJS、特にモダンなクライアント側開発全般に不慣れです。そして、Laravel フレームワークと組み合わせて、私の新しいプロジェクトに Angular を実装してみたいと思います。ngboilerplateと呼ばれる Angular のシード プロジェクトに興味があります。

Angular と Laravel を統合する方法について他の意見を調べました。私が学んだことから、Laravel の public フォルダーにすべての angular を配置する必要があります。

皆さんからのフィードバックが必要です。これら 2 つのフレームワークを組み合わせるのに最適な構造は何ですか? この 2 つのフレームワークをデプロイ用に一緒に構築するにはどうすればよいでしょうか?