Angular JS：控制器不工作

Question

我正在做一个简单的例子，但由于某种原因，我无法打印我在控制器中通过 $scope 传递的消息变量中的值。

请找到我在 fiddle 中给出的代码：http://jsfiddle.net/yy3vuzfk/1/

html 页面代码：

<div ng-app>
<div>Hello AJS</div>
<div> Sum of 2 and 3 is: {{ 2 + 3}}
    <div ng-controller="myController">
        Message: {{ message }} 
    </div>
</div>

---

script.js代码

var myController = function($scope){
    $scope.message = "My Message";
};

---

我的输出html

你好AJS 2 和 3 的和是：5 消息：{{消息}}

感谢任何帮助

Answer 1

您首先需要通过创建模块然后在该模块中创建控制器来初始化 angular。

您可以看到此更新 fiddle。

angular.module('myApp', [])
  .controller("MyController", function($scope) {
    $scope.message = "My Message Is Super Awesome";
  });

您可以在 Angularjs.org 主页找到基本示例。查看该页面上的 "Add Some Control" 部分。