問題タブ [angular-seed]

私はAngular Seed$scopeを試していて、次のように依存関係を追加しようとしましたView1Ctrl:

動作しません:$scopeはundefined...

コードを次のように変更すると:

その後$scope、解決されます。

$scope誰かが最初のスニペットで解決されない理由を説明できますか?

私は自分のプロジェクトでAngularシードに取り組んでいます。
同じ（同じ要素と機能を持つ）2つの同一のビュー（HTMLページ）があります。
これらの 2 つのページはGridView同じサービスによって入力される必要がありますが、REST API URL のみがこれらの両方のページで異なります。私の router.js では、$stateprovider.state()これらのページへのルーティングに使用したいと考えています。
私の質問は次のとおりです。これらのビューの両方に単一のコントローラーを使用することも、それぞれに別のコントローラーを使用することもできますか。しかし、両方のビュー ページに同じコントローラーを使用すると、「インジェクターが定義されていません」というエラーが発生します。
それを行う別の方法はありますか？そのような状況を処理するための最良の手順は何ですか?

angular-seedの新しいクローンを使用して、いくつかの BDD を試みており、次のテストとコードを追加しました。ただし、コントローラーに $scope を追加すると、スイートはexpect(view1Ctrl).toBeDefined();予想どおりに失敗します。

以下は私が行った唯一の追加であり、Karma の実行時に前述の障害が発生します。

app/view1/view1.js

現在、各 routeProvider の前に実行される投稿を作成しようとしています。現在、$http が未定義であるという問題が発生しており、その理由がわかりません。現在、関数に $http を渡そうとしていますが、phpstorm によると $http は「未定義」であり、その理由がわかりません。index.html では、validation.js の前に angular.js を宣言しています。

そして、私の app.js は次のようになります。

コンポーネント/ユニバーサル/validation.js

そしてブラウザはこれを表示します：

そして、ここにエラーメッセージがあります。

[$injector:modulerr] モジュール myApp のインスタンス化に失敗しました: エラー: [$injector:unpr] 不明なプロバイダー: $http http://errors.angularjs.org/1.4.5/ $injector/unpr?p0=%24http匿名関数 ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4284:13 ) で getService ( http://localhost:90/angular-seed/app/bower_components/angular ) で/angular.js:4432:11 ) 呼び出し ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4461:9 ) で runInvokeQueue ( http://localhost:90/angular -seed/app/bower_components/angular/angular.js:4379:11 ) 匿名関数 ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4388:11 ) で forEach (http://localhost:90/angular-seed/app/bower_components/angular/angular.js:336:11 ) loadModules ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js ) :4369:5 ) createInjector ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4294:3 ) で doBootstrap ( http://localhost:90/angular-seed/app ) で/bower_components/angular/angular.js:1655:5 ) ブートストラップ ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:1676:5 ) http://errors.angularjs で。組織/1.4.5/$injector/modulerr?p0=myApp&p1=Error%3A%20%5B%24injector%3Aunpr%5D%20Unknown%20provider%3A%20%24http%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.4.5%2F %24injector%2Funpr%3Fp0%3D%2524http%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4284 %3A13)%0A%20%20%20at%20getService%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4432%3A11)%0A%20%20 %20at%20invoke%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4461%3A9)%0A%20%20%20at%20runInvokeQueue%20(http% 3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4379%3A11)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A90) %2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4388%3A11)%0A%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A336%3A11)%0A% 20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A%20%20%20at%20createInjector%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components %2Fangular%2Fangular.js%3A1676%3A5)js%3A336%3A11)%0A%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A% 20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)js%3A336%3A11)%0A%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A% 20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A% 20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A% 20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)

$http が設定されていない理由があれば、ヘルプや正しい方向への指摘が役立ちます。ありがとうございました。他の情報が必要な場合は、質問を更新できるようにお知らせください。

質問：

複数の 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はパフォーマンスの評判が悪いためです。または私はあまりにも心配していますか？

angular-seedプロジェクトでこの問題を見つけています。この問題は、「npm test」を実行すると発生します。これは、ファイルを変更せずにシードをダウンロードした直後に発生します。これが私が得ているエラーです:

このような StackOverflow の投稿を見たことがあります。karma、karma-jasmine、karma-phantomjs-launcher を再インストールしました。しかし、助けにはなりませんでした。

この問題の解決策はありますか?

https://github.com/areai51/angular-seed/から angular-seed を使用してプロジェクトを開始すると、

これにより、Web サーバーが正常に起動します。ただし、localhost:8000/app/index.html に移動すると、bower コンポーネントがすべて読み込まれません。myproject/app/bower_components ではなく、myproject/bower_components にインストールされていることが原因です。bower コンポーネントが正しく読み込まれるようにするにはどうすればよいですか?

編集: ディレクトリを消去して再インストールした後、bower_components は正しい場所に配置されているように見えました。とりあえず解決。