Angular JS：控制器不工作

Question

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

请在此小提琴中找到我的代码：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

Hello AJS 2和3的总和是：5 消息：{{message}}

感谢任何帮助

Answer 1

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

您可以看到此更新fiddle。

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

您可以找到@ Angularjs.org主页的基本示例。查看该页面上的“添加一些控件”部分。