ng-include ничего не делает - PullRequest
Новая
       31

ng-include ничего не делает

0 голосов
/ 04 декабря 2018

Я пытаюсь включить HTML на веб-страницу моего программного обеспечения с помощью ng-include, и я не могу заставить его работать.На данный момент я использую упрощенные версии моих конечных целей для целей тестирования.

Соответствующий фрагмент дерева моего проекта: 

-web
--dragonweb
---src
----app
-----dragon
-------dragon.css
-------dragon.html
-------dragon.spec.ts
-------dragon.ts
-------test.html

dragon.html

<div ng-app = "" ng-controller="test">
    testing
    <div ng-include="" src="'app/src/dragon/test.html'"></div>
</div>

test.html 

<div>
    This is an included file
</div>

Ожидаемый результат на веб-странице:

тестирование

Это включенный файл.

Фактический вывод на веб-странице:

тестирование

Я пробовал использовать разныедлины пути к test.html, без удачи.Я также поиграл с использованием тега ng-controller и синтаксиса для тега ng-include, но не повезло.На веб-странице нет ошибок консоли.Есть идеи, почему он не работает?

Предыстория / отказ от ответственности: я был стажером в этом проекте до того, как унаследовал его после внезапного ухода ведущего разработчика, это мой первый раз, когда я занимаюсь веб-разработкой.и я просто учусь на работе методом проб и ошибок.Так что, если я делаю что-то совершенно неверное, я абсолютно уверен в том, как мне улучшить этот процесс!Я решил попробовать использовать ng-include, потому что у нас уже есть Angular, и, основываясь на моих исследованиях, это казалось теоретически самым простым способом достичь того, чего я хотел.

1 Ответ

0 голосов
/ 04 декабря 2018

Вам необходимо передать src в директиву ng-include, а не атрибут src: например: 

<div ng-include="'app/src/dragon/test.html'"></div>

или использовать относительный путь: 

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

Пожалуйста, проверьте официальная документация для подробностей

Использование : как элемент : 

<ng-include
  src="'string_url'">
...
</ng-include>

как атрибут : 

<ANY_ELEMENT_TAG
  ng-include="'string_url'">
...
</ANY_ELEMENT_TAG>

как класс CSS: 

<ANY class="ng-include: string; [onload: string;] [autoscroll: string;]"> ... </ANY>
...