AngularJS版本问题?

时间:2014-11-30 11:38:31

标签: angularjs

我是学习者,对不起,如果不是提出琐碎问题的正确地点,请指导我到合适的论坛。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> Angular Example: 2</title>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
    <script type="text/javascript" 
src="FirstCtrl.js"> </script>

</head>

<body>


<!-- Controllers-->

<div ng-app="">
    <div ng-controller="FirstCtrl">
        <h1>{{data.message + " world"}}</h1>
        <div class="{{data.message}}">
            Wrap me in a foundation component
        </div>
    </div>
</div>

</body>
</html>

FirstCtrl.js

function FirstCtrl($scope){

    $scope.data = {message: "Hello"};
}

如果我使用以下版本,它可以工作。

src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>

我如何决定使用哪一个?这是什么问题

1 个答案:

答案 0 :(得分:3)

在评论 tasseKATT 中准确指出了正确的内容。

为了使用angular 1.3+解决此问题,您必须在标记和代码中定义模块:

<div ng-app="myApp">
angular.module('myApp', []);

然后将控制器添加到该模块:

              //name of the controller \/
angular.module('myApp').controller('FirstCtrl', FirstCtrl);
           //function that defines your controller /\