基本的Angularjs代码没有运行?

时间:2016-10-03 21:24:17

标签: javascript angularjs

我使用非常简单的代码。我似乎错过了运行Angularjs代码的东西。

这是我的HTML代码:

<html>
<head>
    <title></title>
</head>
<body ng-app="myAppApp">
<div ng-controller="exempleCtrl">
   HELLO {{name}}!
</div>
</body>
</html>

这是app.js代码:

var app = angular.module('myAppApp',[]);
app.controller('exempleCtrl', function($scope) {
    $scope.name = 'World';
});

我是Angularjs的新手。所以我可能会错过这里的大事。

1 个答案:

答案 0 :(得分:3)

正如评论中指出的那样,问题是您没有在HTML文件中包含您的Javascript代码。因此,假设您将其称为app.js,并且与HTML文件位于同一目录中,则需要按如下方式将其包含在内:

 <html>
<head>
    <title></title>
    <!-- You should also add reference to angular (use desired version - example here is 1.2.4) -->        
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
    <!-- Here including the app.js-->
    <script src="app.js"></script>
</head>
<body ng-app="myAppApp">
<div ng-controller="exempleCtrl">
   HELLO {{name}}!
</div>
</body>
</html>

尝试一下,让我们知道这是否有效。