angulaire.js - Concernant le problème de reporting, le contrôleur portant le nom '' n'est pas enregistré

Question

Lors de l'exécution du code, l'outil de développement Google a signalé l'erreur Le contrôleur portant le nom 'my-injectorCtrl' n'est pas enregistré Si je souhaite utiliser l'injection inférentielle, quel est le problème avec cette écriture. Je suis un débutant et je n'arrive vraiment pas à comprendre ce que je fais de mal. J'espère que vous pourrez me donner quelques conseils, je vous serais très reconnaissant !

Contenu du fichier HTML :

<p ng-app>
    <p ng-controller="my-injectorCtrl">
        <span>{{TestInjector1}}</span>
    </p>
</p>

Contenu du fichier JS :

var myInjectorModule = angular.module("MyInjectorModule",[]);

var myInjectorCtrl = function($scope){
    $scope.TestInjector1 = "Hello  Injector";
}

myInjectorModule.controller("myInjectorCtrl",myInjectorCtrl);

Answer 1

<p ng-app="myInject">
    <p ng-controller="myController">
        <span>{{TestInjector1}}</span>
    </p>
</p>
var myInject = angular.module("myInject",[]);
myInject.controller("myController", ["$scope", function($scope) {
    $scope.TestInjector1= "Hello  Injector";
}])

Answer 2

Changez-le simplement par ce qui suit

Contenu du fichier HTML :

<p ng-app="MyInjectorModule">
    <p ng-controller="MyInjectorCtrl">
        <span>{{TestInjector1}}</span>
    </p>
</p>

Contenu du fichier JS :

var myInjectorModule = angular.module("MyInjectorModule",[]);
var myInjectorCtrl = function($scope){
    $scope.TestInjector1 = "Hello  Injector";
}
myInjectorModule.controller("MyInjectorCtrl",myInjectorCtrl);