AngularJS Inconnu Fournisseur (filterProvider) erreur

Les deux instructions de script ci-dessous fonctionne de manière indépendante mais quand ils sont combinés, il provoque Erreur: [$injecteur:unpr] Inconnu fournisseur de: searchNameFilterProvider <- searchNameFilter quelqu'un Peut-il expliquer pourquoi cela se produit?

1er segment

Find Person: <input type="text" ng-model="myName">
    <ul ng-init="people = ['Diarmuid','Aine','Dave','Declan']">
        <li ng-repeat="person in people | filter:myName">{{ person | searchName}}</li>
    </ul>

    <script>
        var app = angular.module('myApp',[]);
        app.filter('searchName',function(){
            return function (input){
                return input + '!';
            }
        })
    </script>

2e segment

<div ng-controller="myCtrl">
    <button ng-click="myFunc()">Hello World Button</button>
</div>

<script>

    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function ($scope) {

        $scope.myFunc = function () {
           console.log('Hello world!');
        };
    });

</script>
Que voulez-vous dire? Créez-vous des deux modules avec le même nom?
J'ai placé les deux segments à l'intérieur d'un fichier html. Oui j'ai créer deux modules avec le même nom.
Ça doit être le problème, je ne pense pas que vous pouvez donner le nom des deux modules de la même. Essayez différents noms. Si l'un dépend de l'autre, puis de le passer comme une dépendance.
Entendez-vous comme var appOne = angulaire.module('myApp',[]); et var appTwo = angulaire.module('myApp',[]);? J'ai essayé en vain
Ceux-ci sont différents des noms de variables, mais se référer à la même Angulaire module, myApp. Faire deux différents modules. Le tableau vide est où vous passez des dépendances à d'autres modules. Voir ici docs.angularjs.org/guide/module

OriginalL'auteur Calgar99 | 2014-01-29

  1. 1
    <div ng-app="myApp">
    <script src="Scripts/Angular.js" type="text/javascript"></script>
    Find Person:
    <input type="text" ng-model="myName">
   <ul ng-init="people = ['Diarmuid','Aine','Dave','Declan']">
        <li ng-repeat="person in people | filter:myName">{{ person | searchName}}</li>
    </ul>
   <script>
       var app = angular.module('myApp', []);
       app.filter('searchName', function () {
           return function (input) {
                return input + '!';
           };
       });
   </script>
  <div ng-controller="myCtrl">
        <button ng-click="myFunc()">
          Hello World Button</button>
   </div>
   <script>

    var app = angular.module('myApp');
    app.controller('myCtrl', function ($scope) {

        $scope.myFunc = function () {
            console.log('Hello world!');
        };
    });

</script>

    OriginalL'auteur Graham TheOne