AngularJS简单的ng-controller错误

时间:2014-12-07 15:11:30

标签: javascript angularjs

我正在学习angularJS,ng-app作品ng-model有效,但是当我尝试ng-controller时,它不起作用,错误就在我身边,但我无法弄清楚是什么它是,我甚至没有尝试任何花哨的东西,只是尝试让ng-controller工作,

以下代码中我的错误是什么?

HTML:

<div ng-app="">
    <h1 ng-controller="HelloWorldCtrl">{{helloMessage}}</h1>
</div>`

和JS:

function HelloWorldCtrl($scope){
    $scope.helloMessage="Hello World";
}

jsfiddle

中运行时遇到同样的问题

1 个答案:

答案 0 :(得分:3)

var myapp = angular.module('myApp', []);

myapp.controller('HelloWorldCtrl', function($scope){
  $scope.helloMessage = "Hello world";

})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
    <h1 ng-controller="HelloWorldCtrl">{{helloMessage}}</h1>
</div>