Question

我是angular.js的新手。执行简单的控制器示例时，我收到以下错误。

错误：[ng：areq] http://errors.angularjs.org/1.4.7/ng/areq?p0=Mycontroller&p1=not%20a%20function%2C%20got%20undefined 在错误（本机）

的index.html：

<!DOCTYPE html>
<html ng-app>

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

  <script src="script.js"></script>
</head>

<body ng-controller="Mycontroller">
 <h1>{{message}}</h1>
</body>

</html>

的script.js

var Mycontroller = function($scope){
  $scope.message = "Hello Angular";
};

输出：

{{message}}

我哪里错了？

Answer 1

尝试这样做有效

HTML网页

 <!doctype html>
 <html ng-app="MyApp">
    <head>
    <title>HTML page</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="hello.js"></script>
  </head>

<body>
    <div ng-controller="Hello">

        <p>The ID is {{greeting.id}}</p>
        <p>The content is {{greeting.content}}</p>
        <p>{{message}}</p>
    </div>
</body>

hello.js

      var app = angular.module("MyApp", []);
     app.controller("Hello", function($scope, $http){Helloz($scope, $http);});
     function Helloz($scope, $http) {
     //$http.get('http://rest-service.guides.spring.io/greeting').
     $http.get('/person').
       then(function(data) {
         $scope.greeting =angular.fromJson(data).data;
         $scope.message=angular.fromJson(data).data;
     },null);
 }

角度控制器错误

1 个答案: