Это содержание главной страницы:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body>
<h1>Hello</h1>
<div ng-include="'goodbye.html'" ></div>
</body>
</html>
Это содержание goodbye.html:
<h1>Goodbye</h1>
Он просто показывает "Привет" и не добавляет к нему "Прощай". Почему он не включает goodbye.html?
Вам не хватает ng-app
для загрузки AngularJS.
Кроме того, ng-include оценивает переданное выражение, поэтому вам нужно передать строку 'goodbye.html'
, а не goodbye.html
<html ng-app="example">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript">
angular.module('example',[]);
</script>
</head>
<body>
<h1>Hello</h1>
<div ng-include="'goodbye.html'"></div>
</body>
</html>
example
модуля и ng-include оцениваем переданное выражение, поэтому вам нужно передать строку 'goodbye.html'
, а не goodbye.html
. Я отредактировал свой ответ.
Посмотрев на ваш html, кажется, что ваше приложение не загружается автоматически. Возможно, вы загружаете приложение вручную. Еще одна вещь, которую я заметил, - это ng-include, который принимает путь к вашему html include как строку, например..
<div ng-include="'goodbye.html'" ></div>
Использовать ''
в ng-include
<div ng-include="'goodbye.html'" ></div>
Из документации
Угловое выражение, оценивающее URL. Если источник является строковой константой, убедитесь, что вы заключили его в одинарные кавычки, например src= "'myPartialTemplate.html".