Я следил за этой ссылкой, чтобы узнать, как ее использовать: 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>
вы используете <body ng-app="myApp" ng-controller="userCtrl">
После удаления app1.js
нет controller
для соответствия с ng-controller
поэтому будет ошибка с указанием undefined
контроллера (проверьте консоль),
и измените ng-app="myApp"
на ng-app
, если вы сохраните ng-app="myApp"
тогда он будет искать модуль myApp
как angular.module('myApp', [])
удалите директиву ng-controller
и убедитесь, что она будет работать.
тогда вся мысль была бы
<body ng-app>...
ng-app="myApp"
и просто оставить ng-app
, потому что при удалении app.js
ссылка на myApp
также удаляется.