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

你好AJS 2和3的总和是:5消息:{{message}}

任何帮助表示赞赏

Answer 1

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

你可以看到这个更新的小提琴.

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

你可以在@ Angularjs.org主页找到基本的例子.查看该页面上的"添加一些控件"部分.