添加 ng-controller 会停止 AngularJS

Question

With the below HTML AngularJS is invoked and the webpage prints "5" as the result of {{10/2}} in the "body".调用下面的 HTML AngularJS 并且网页打印“5”作为“body”中 {{10/2}} 的结果。

<!DOCTYPE html>
<html ng-app>
<head>
    <title>AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
    <script src="script.js"></script>
</head>

<body>
    <h2>hello angular</h2>
    {{ 10/2 }}
</body>
</html>

When I add an ng-controller:当我添加一个 ng-controller 时：

<!DOCTYPE html>
<html ng-app>
<head>
    <title>AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
    <script src="script.js"></script>
</head>

<body ng-controller="MainController">
    <h2>hello angular</h2>
    {{ 10/2 }}
</body>
</html>

with the script.js:使用 script.js：

var MainController = function($scope){

    $scope.message = "Hello!"
}

AngularJS stops working and the webpage prints {{10/2}} instead of 5. What am I doing wrong here? AngularJS 停止工作，网页打印 {{10/2}} 而不是 5。我在这里做错了什么？ Thanks.谢谢。

Answer 1

In script.js , change在script.js ，更改

var MainController = function($scope){

    $scope.message = "Hello!"
}

to到

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

  $scope.message = "Hello!"

});

Working Plunker工作Plunker

添加 ng-controller 会停止 AngularJS

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-02-19 07:53:06

添加 ng-controller 会停止 AngularJS

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-02-19 07:53:06

解决方案1
2 已采纳 2020-02-19 07:53:06