AngularJS：未被捕獲的錯誤與控制器

Im新的AngularJS，並不能爲什麼我不能得到我的按鈕click.Any幫助將不勝感激。我看了一個正在使用的控制器的其他示例，但無法看到我要出錯的地方。AngularJS：未被捕獲的錯誤與控制器

編輯：我然而，當合並導致此錯誤，其工作獨立的兩個腳本：$注射器：unpr]未知提供商：searchNameFilterProvider < - searchNameFilter

<html lang="en" ng-app="myApp" > 
    <head> 
     <meta charset="utf-8"> 
     <title>My AngularJS App</title> 
     <link rel="stylesheet" href="css/app.css"/> 
    </head> 
    <body> 
     <!-- In production use: 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
     --> 
     <script src="lib/angular/angular.js"></script> 
     <script src="lib/angular/angular-route.js"></script> 
     <script src="js/app.js"></script> 
     <script src="js/services.js"></script> 
     <script src="js/controllers.js"></script> 
     <script src="js/filters.js"></script> 
     <script src="js/directives.js"></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>

來源

2014-01-29 Calgar99

你不應該調用內部的角度正確的注入$窗口服務，然後$ window.alert – Dalorzo

正確的方法警告不使用'alert'在所有。而是使用'console.log'這是2014年！ –

@IlanFrumer同意:) – Dalorzo

工程確定http://jsfiddle.net/davekr/tWM2U/

也許是因爲你在你的HTML中有錯字。您在<script src="js/directives.js"></scrip

來源

2014-01-29 20:54:04 davekr

無緣>糾正我，如果我錯了，但我在這個plunker測試你的代碼，它在我結束workd罰款：

<!DOCTYPE html> 
<html ng-app="myApp"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="http://code.angularjs.org/1.0.7/angular.js" data-semver="1.0.7"></script>  
    </head> 
<body> 


<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() { 
       alert('Hello world!'); 
      }; 
     }); 

    </script>

來源

2014-01-29 20:55:01 Dalorzo

當你添加這個腳本時，你的權利是由其他代碼引起的錯誤 – Calgar99

你有你的HTML和腳本都混合起來一點點。

如何使用這個Codepen例如：http://codepen.io/calendee/pen/ysCem

<html lang="en" ng-app="myApp" > 
<head> 
    <meta charset="utf-8"> 
    <title>My AngularJS App</title> 
    <link rel="stylesheet" href="css/app.css"/> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> 
</head> 
<body> 


<div ng-controller="myCtrl"> 
    <button ng-click="myFunc()">Hello World Button</button> 
    <p>Button Clicked {{clickCounter}} times</p> 
</div> 

<script> 

    var app = angular.module('myApp',[]); 

    app.controller('myCtrl',function ($scope) { 

     $scope.clickCounter = 0; 

     $scope.myFunc = function() { 

      alert('Hello world!'); 
      $scope.clickCounter++; 
     }; 
    }); 

</script> 

</body> 
</html>

來源

2014-01-29 20:56:59 Justin

AngularJS：未被捕獲的錯誤與控制器

回答

相關問題