2016-03-26 5 views
2

Я в настоящее время использую 1.5.3 AngularJS версии & нг-Include = «„file.html“» не работаетнг-включают в себя не включает content.html

<!DOCTYPE html> 
<html lang="en-US" ng-app="myApp"> 
    <head> 

     <!-- Include AngularJS Files --> 
     <script src="vendor/AngularJS/angular.min.js"></script> 

     <title>Website Title</title> 
    </head> 
    <body> 

     <!-- Include Content.html to index.html --> 
     <header ng-include="'content.html'"></header> 

    </body> 
</html> 

Когда я запускаю этот код он оленья кожа показать что-нибудь на index.php

content.html существует с:

<h1>Hello, this is my website.</h1> 

Это просто не будет работать.

мой plunker код, чтобы увидеть, как я делаю это

plnkr.co/edit/OagoGf8AavIRxFgGVZSl

+0

Ваш путь к content.html исправить? это относительно вашего index.html? Получаете ли вы ошибку в консоли? –

+0

Можете ли вы продемонстрировать нам [плункер] (https://plnkr.co/edit/)? – amanuel2

+0

Я положу его в плункер –

ответ

2

Вы должны должен использовать angular.module иметь угловой загрузите свое приложение в dom. Вот как начинается угловой.

Формат

angular называть угловой,

.module указать на угловой, какой модуль вы ищете,

('myapp' имя модуля

, []) указать любой зависимостей вашего приложения. Вы можете приложить к вашему приложению всевозможные вещи, которые чрезвычайно полезны.

вообще, это angular.module('myApp', [])

Обрати внимание, вы можете подключить в приложение без повторного раскручивания в любое время с angular.module('myApp') без массива зависимостей. Это приведет к восстановлению вашего приложения без его экземпляра. Затем вы можете контроллеры цепи, фабрики, независимо ему так:

angular.module('myApp').controller('MyCtrl', function($scope) {})

Похоже, вы пришли из PHP, так что вы находитесь в для реального лечения, как только вы начинаете использовать угловой. Удачи с вашим приложением!

Здесь я отредактировал plunker: http://plnkr.co/edit/fQnngC49d5QsHAzti7Nc

+0

Это сработало, спасибо! Я новый AngularJS –

+0

да я пришел из php, пытаясь изучить javascript/AngularJs/JQuery/Ajax. Изучение новых языков –

+0

Ну, удачи! Сейчас угловые разработчики пользуются большим спросом, поэтому вы выбрали хорошее поле. –

2

просто посмотрите на ошибки консоли?

Plunker говорит, что нет модуля «myApp». Таким образом, вы не включили файлы .js в плункер.

На самом деле я не знаю, является угловой работой правильного путь без js, но в обычном случае вы должны определить основное приложение модуль и контроллеры для каждой страницы

2

Угловые не на самом деле работают на этой странице. Просто в том числе угловой в вашем <head> не совсем достаточно.

Вот то, что вы делали до сих пор:

  1. Определить файл HTML, который втягивает в угловом библиотеке.
  2. Напишите HTML-код, который сообщает странице, что он должен использовать угловой модуль myApp.

Теперь вам нужно просто создать этот модуль. Чтобы так это, просто создать файл яваскрипт с одной строкой:

angular.module('myApp', []);

Это создает угловое приложение под названием myApp на глобальном масштабе. Затем добавьте тег <script>, чтобы добавить новый .js-файл в ваш index.html. Это оно! Теперь Angular посмотрит на ваш HTML-файл, посмотрите, что вы хотите, чтобы приложение myApp запускалось в HTML, и оно найдет это приложение в вашем новом JS-файле.

Here's your plunkr updated

Надеется, что это помогает.

Смежные вопросы