添加 ng-controller 会停止 AngularJS

Question

调用下面的 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>

当我添加一个 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>

使用 script.js：

var MainController = function($scope){

    $scope.message = "Hello!"
}

AngularJS 停止工作，网页打印 {{10/2}} 而不是 5。我在这里做错了什么？ 谢谢。

Answer 1

在script.js ，更改

var MainController = function($scope){

    $scope.message = "Hello!"
}

到

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

  $scope.message = "Hello!"

});

工作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