問題タブ [ngboilerplate]

ngBoilerplateは、angular に基づく Web 開発の最初のステップを作成するのに非常に簡単であることがわかりました。デプロイ パイプラインを準備しようとしていることはわかっているので、github、travis-ci、および Docker 化された nginx イメージを使用します。

シンプルなAngular Webサイトを適切に展開するには、次のことを行う必要があると考えました。

bin/次に、ディレクトリをコピーします。

nginx ディレクトリへ/usr/share/nginx/html/。

残念ながら、JavaScript コードに問題があります。エラーが出ました

https://docs.angularjs.org/error/$injector/nomod?p0=ngBoilerplate.home

私は何を間違っていますか？

angularjs を使用しており、ラップされた $http をテストする必要があります

そして、テストは次のようなものであるべきだと思います

PS: ngBoilerplate を使用しています。ありがとう

AngularJS ngBoilerplateを使用していて、モジュールを追加しようとしています。ファイル mymodule/mymodule.js を共通ディレクトリに配置し angular.module( 'mymodule', [] ); ました。build.config.jsにファイルへのパスを追加し、それをapp.js の依存関係に追加します。

次に実行grunt buildして取得しました：

ページに含まれる mymodule.js を正しくスクリプト化します。

私は何を間違っていますか？

私の ng-boilerplate アプリで CSS (LESS から) がレンダリングまたはコンパイルされていません。

私は ng-boilerplate と rails を使用して、これらのチュートリアルを使用してアプリを作成しています。角度はどのページでも機能しています...のように、次を使用できます。

と

取得するため

ただし、Less と CSS (レールを使用せずに機能する ng-boilerplate アプリからコピー アンド ペーストされ、すべての異なるディレクトリから正常にコンパイルされました) は、ビルド ディレクトリにもレンダリングにもコンパイルされません。実際、この新しいアプリ (レールを備えたアプリ) では、ng-boilerplate テンプレートの元の css/less でさえもコンパイルまたはレンダリングされません。

チュートリアルで提案されているように、次のコマンドを使用してみましたが、奇妙なネストされたビルド ディレクトリ (ビルド内のビルド内のビルド) が作成され、問題は解決しませんでした。

一方、UI フォルダーはシンボリック リンクを使用してビルド フォルダーにリンクされていますが...

LESS (異なるディレクトリの異なるファイルから) はすべて ng-boilerplate.css と呼ばれる 1 つの CSS ファイルにコンパイルされることになっています (これはレールなしの元のアプリで行われました)、代わりに ng-boilerplate-0.3.1 と呼ばれるファイルがあります。 .css、これは空です。名前を変更しようとしましたが、grunt がビルドするたびに名前が 0.3.1 に戻ります。

Rails バージョン 4.2.1 を使用していますが、Ruby では 2.1.0p0 と表示されます。

質問：

複数の ng-apps が存在するサイトがあり、各 ng-app には angular-seedのアーキテクチャのスタンドアロン フォルダーがあります(つまり、各フォルダーには独自の index.html があります)。それらの間でモジュールを共有するのは面倒です。各アプリは、同じ bower_components や、私が作成した一般的なサービスを使用することはできません。どうすればこれを行うことができますか？

私の状態の独自性

それらを別々のフォルダーに分けて、独自の index.html を使用するのはなぜですか? 私の状態では、さまざまな ng-app がさまざまなタイプのユーザーにサービスを提供します。ユーザーは通常、1 つの ng-app、1 つだけにログインします。1 つの特定の ng-app のすべてのファイルをロードしたくありません。

私の試練:

このブログ投稿には、使用可能なアーキテクチャが含まれていることがわかりました。MainApp モジュールを使用して、すべてのサブアプリ モジュールを含めるだけです。しかし、起動時にすべてのサブアプリ ファイルを 1 つの index.html に読み込むのはコストがかかりませんか? angularはパフォーマンスの評判が悪いためです。または私はあまりにも心配していますか？

アプリで UI-router を使用していますが、URL/状態が変化したときにアンカーに単純な「scrollTo」を追加したいと考えています。状態が変化したときに新しいコントローラーとテンプレートをロードしたい。ng-ボイラープレートを使用しています。

索引ファイル

ホーム テンプレートと js

サービス テンプレートと Js

アプリJS

そのため、ページに入ると、URL は domain.com/home になります。

最初のボタンをクリックすると、コントローラーのコードで URL を domain.com/#/service に変更し、「サービス」の div まで下にスクロールして、コントローラーとテンプレートが更新されるようにします。

理想的には、ユーザーが戻るボタンを押すと、最初の URL に戻り、スクロールしてホームに戻ります。

誰でもこれを行う方法を知っていますか?

https://github.com/ngbp/ngbpから NgBoilerPlate をダウンロードしました。それをテンプレートとして使用して、Web サイトを構築します。流れは次のとおりです。

index.html

app.js

ホーム.js

homeTab がクリックされると、タイトルはHome|ngBoilerplateとして表示されます

タイトルから|ngBoilerPlateを取り除く方法。

ありがとう