2015-04-06 2 views
1

У меня возникли проблемы с использованием ng-include. Сначала я пытался использовать его в своем проекте, но он заставлял все содержимое повторяться бесконечно. Полагая, что это было что-то с тем, как я подключил проект, который я начал. Я на самом деле ничего не добавил, кроме углового файла, и один включил его, и он продолжает вызывать Угловое бросить «ПРЕДУПРЕЖДЕНИЕ: Пытался нагружать углы более одного раза». и затем это время. Не знаю, что вызывает это.ng-include вызывает угловые ошибки

<!DOCTYPE html> 
<html lang="en" ng-app> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Website</title> 
     <!-- FOR ANGULAR ROUTING --> 
     <base href="/"> 
     <!-- CSS Files--> 

     <!-- Vendor CSS--> 
     <link rel="stylesheet" type="text/css" href="../libs/bootstrap/dist/css/bootstrap.css"/> 
     <link rel="stylesheet" type="text/css" href="../libs/font-awesome/css/font-awesome.css"/> 
     <link rel="stylesheet" href="../css/main.css"> 

    </head> 
    <body> 
     <div ng-include src="'navigation.html'"></div> 
     <!-- JS Files --> 

     <!-- Vendor JS--> 

     <script type="text/javascript" src="../libs/angular/angular.js"></script> 
    </body> 
</html> 

В конце концов, что я хочу что-то вроде этого:

<html ng-app="app"> 
<head> 
</head> 
<body> 
<div ng-include src="'navigation.html'"></div> 
<div ng-include src="'header.html'"></div> 
<div ui-view></div> 
<div ng-include src="'header.html'"></div> 
<script src="../libs/angular/angular.js"></script> 
</body> 
</html> 

Plunker:

http://plnkr.co/edit/kFXFKC0VR5OIxwcpZFue?p=info

+1

Использование Угловое и JQuery в то же время не рекомендуется, если вы действительно не знаете, что вы делаете. Конечно, все, что вам нужно сделать, это включить внешний HTML-файл, даже если вы его инициализировали правильно, [который вы не являетесь] (https://docs.angularjs.org/tutorial/step_02). – Blazemonger

+0

Удаление jQuery не устраняет проблему. – Rudenate3

+1

[Вы не правильно загружаете угловое значение.] (Https://docs.angularjs.org/tutorial/step_02). Что вы в конечном итоге пытаетесь достичь здесь? – Blazemonger

ответ

0

Пока не истинный ответ, после того, оглядываясь назад на это, намного легче выполнить это с помощью директив.

даже просто

.directive('myDirective', function() { 
    return { 
    template: '<h1> Hello World</h1>' 
    }; 
}); 

затем

<my-directive></my-directive> 
Смежные вопросы