ホームページ > ウェブフロントエンド > jsチュートリアル > AngularJS v1.3 への移行時に「キャッチされないエラー: [$injector:modulerr]」を修正する方法は?

AngularJS v1.3 への移行時に「キャッチされないエラー: [$injector:modulerr]」を修正する方法は?

Susan Sarandon
リリース: 2024-11-01 04:13:27
オリジナル
790 人が閲覧しました

How to Fix

AngularJS: Uncaught Error: [$injector:modulerr] V1.3 への移行時

AngularJS バージョン 1.3 では、グローバル コントローラー関数宣言は許可されなくなりました。代わりに、開発者は AngularJS モジュールを作成し、それにコンポーネントをアタッチする必要があります。

エラーを解決するには、次の手順に従います。

  • angular.module('app' を使用して AngularJS モジュールを作成します。 , []).
  • .controller('Ctrl', ['$scope', Ctrl]) を使用してコントローラーをモジュールに接続します。

例:

<code class="js">function Ctrl($scope) {
    $scope.age = 24;
}

angular.module('app', [])
    .controller('Ctrl', ['$scope', Ctrl]);</code>
ログイン後にコピー

注: AngularJS バージョン 1.3.14 にはこのアプローチにいくつかの問題があるため、より安定したエクスペリエンスを得るには、バージョン 1.3.13 にダウングレードするか、AngularJS 1.6.X を使用することを検討してください。

Plunkr の例 (AngularJS 1.3.13):

https://plnkr.co/edit/Ei7P5xJ5NCKz9UEFyWij

代替ソリューション:

グローバル コントローラー宣言を引き続き使用したい場合は、angular.config 内でそれを許可できますが、これは推奨されるアプローチではありません:

<code class="js">angular.module('app', [])
    .config(['$controllerProvider',
        function ($controllerProvider) {
            $controllerProvider.allowGlobals();
        }
    ]);</code>
ログイン後にコピー

以上がAngularJS v1.3 への移行時に「キャッチされないエラー: [$injector:modulerr]」を修正する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート