Question

我正在尝试按照此演示文稿执行我的第一个angular.js应用：http://www.youtube.com/watch?v=tnXO-i7944M

我的代码是

HTML：

<!doctyme html>
<html ng-app="gfaApp">
<head>
    <script src="./angular.js">
    </script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.4/angular-resource.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.4/angular-route.min.js"></script>
    <script src="./angular.js">
    </script>

</head>
<body>
    <div ng-controller="statsController">
    <label>Name:</label>
    <input type="text" ng-model="yourName" placeholder="Enter your name">
    <hr>
    <h1>Hello {{yourName}}</h1>
    </div>
</body>
</html>

和js

var app = angular.module('gfaApp', []);
app.controller('statsController', function($scope){
    $scope.seances = [
        {"id":1 , "title":"seance1 ,multi-acces", "stats":150},
        {"id":2 , "title":"seance 2  ,etre administrateur", "stats":550},
        {"id":3 , "title":"seance3, comment gérer sa vie", "stats":10},
        {"id":4 , "title":"derniere seance , comment réussir son breakfast", "stats":15150}
        ];
    $scope.yourName = "";
        });

当我不<html ng-app="gfaApp">而只是<html ng-app >时，一切都很好。

我的代码有问题吗？

非常感谢

Answer 1

我在JSBin here中重新创建了它并且它运行正常 - 我的猜测是问题与你引用angular.js文件的方式有关，即：

<script src="./angular.js">

尝试用

替换它

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

代替。

编辑：啊，正如上面有人指出的那样，两次引用angular.js文件无济于事。

Answer 2

对不起我上面的虚假问题，我的代码有点丢失了。

第二个脚本文件加载通常用于另一个js文件（带有我的控制器的文件）

现在可以了，

抱歉失去了时间

Answer 3

试试这个

var app = angular.module('app', []);
app.controller('statsController', function($scope){
    $scope.seances = [
        {"id":1 , "title":"seance1 ,multi-acces", "stats":150},
        {"id":2 , "title":"seance 2  ,etre administrateur", "stats":550},
        {"id":3 , "title":"seance3, comment gérer sa vie", "stats":10},
        {"id":4 , "title":"derniere seance , comment réussir son breakfast", "stats":15150}
        ];
    $scope.yourName = "";
        });

和

<html ng-app="app">

简单的角度应用程序，html无法识别应用程序

3 个答案: