angularjs - Angular JS : Controller not working

Question

我正在做一个简单的例子，但出于某种原因，我无法打印我通过 Controller 中的 $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

你好阿杰2 和 3 的和是:5消息:{{消息}}

感谢任何帮助

Answer 1

您首先需要通过创建一个模块来初始化 Angular，然后在该模块中创建一个 Controller 。

你可以看到这个更新fiddle .

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

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