Почему AngularJS include не работает в этом простом примере?

0

Это содержание главной страницы:

<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?

  • 0
    Вы на самом деле не запускаете угловую в своем примере. Как выглядит ваш код JavaScript?
  • 0
    @PankajParkar проверить это сейчас.

3 ответа

3
Лучший ответ

Вам не хватает 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>
  • 0
    Уважаемый, вы просто размещаете директиву ng-app, прежде чем загружать угол на свою страницу ... нет, это не работает ...
  • 0
    Извините, это не сработало, но, поскольку я не инициализирую example модуля и ng-include оцениваем переданное выражение, поэтому вам нужно передать строку 'goodbye.html' , а не goodbye.html . Я отредактировал свой ответ.
Показать ещё 1 комментарий
1

Посмотрев на ваш html, кажется, что ваше приложение не загружается автоматически. Возможно, вы загружаете приложение вручную. Еще одна вещь, которую я заметил, - это ng-include, который принимает путь к вашему html include как строку, например..

<div ng-include="'goodbye.html'" ></div>
  • 0
    спасибо за ваше участие, ответ Drkdra работал ...
1

Использовать '' в ng-include

<div ng-include="'goodbye.html'" ></div>

Из документации

Угловое выражение, оценивающее URL. Если источник является строковой константой, убедитесь, что вы заключили его в одинарные кавычки, например src= "'myPartialTemplate.html".

  • 0
    нет, у меня уже были те ", и это не работало ...
  • 0
    увидеть структуру ваших файлов. Они на одном уровне?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню