Angular JS ng-include

时间:2015-09-30 11:49:09

标签: javascript angularjs

我按照该链接学习如何使用:ng-include:http://www.w3schools.com/angular/angular_includes.asp

但我有几个问题而且我不太清楚它是如何运作的。

如果删除app1.js = ng include不起作用,为什么?我真的不明白角度,我只是第一次尝试。

app1.js

angular.module('myApp', []).controller('userCtrl', function($scope) {

})

如果我不在服务器中运行此代码也不会有效,为什么?

html代码:          

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

<body ng-app="myApp" ng-controller="userCtrl">

<div class="container">
  <div ng-include="'includes/content.html'"></div>
  <div ng-include="'includes/header.html'"></div>
</div>

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

</body>

</html>

1 个答案:

答案 0 :(得分:1)

您使用<body ng-app="myApp" ng-controller="userCtrl">

删除app1.js后,没有controllerng-controller匹配,因此会出现错误undefined控制器(检查控制台),

并将ng-app="myApp"更改为ng-app,如果您保留ng-app="myApp",则会搜索名为myApp的模块angular.module('myApp', [])

删除ng-controller指令并检查它是否有效。

那么整个想法就是

<body ng-app>...
相关问题