Почему этот Plnkr не работает, когда я его загружаю?

Question

Я новичок в Angular.js и играл с ней на Plnkr здесь http://plnkr.co/edit/jR9VfaEhjUfY0vN7mfWd

Plnkr Preview показывает Вкладки и Partials загрузки нормально, но когда я загрузить его мой компьютер только работу вкладок, почему Арен» t Отображение Partials? Надеюсь, что это скриншот объясняет мое затруднительное положение:

Благодарности

Answer 1

Вы должны принести страницу с помощью веб-сервера, так что нет «Access-Control-Allow-Origin» нарушение. Когда сценарий от example1.com пытается сделать запрос AJAX на example2.com, браузеры сначала проверяют, разрешает ли example2.com доступ с другого сайта. Это делается путем считывания Access-Control-Allow-Origin заголовка example2.com. Большинство веб-сайтов обычно не разрешают доступ к AJAX.

В вашем случае источник file:///..., который не будет устанавливать заголовок Access-Control-Allow-Origin, и поскольку по умолчанию это блокировка запроса, вы получите сообщение об ошибке.

Чтобы обойти это, выполните следующие действия (Убедитесь, что рубин или установлен питон) -

1. Открыть командную команду проворная
2. Используйте cd, чтобы перейти в каталог проекта (tutorial)

3. Введите либо команды

   python -m SimpleHTTPServer for python 
   

   или

   ruby -run -e httpd -- -p 8000 . for ruby. 
   

Это запустит основной сервер HTTP на порт 8000. Сервер HTTP будет разрешен доступ к файлам в каталоге вы запустите команду с. Так что если у вас есть, в течение, например, index.html в каталоге, вы можете сделать http://localhost:8000/index.html

---

Глядя на скриншот, вы можете сделать это -

1. Откройте командную строку

2. запустить

   cd C:/Users/Jonny/Desktop/plunker 
   

3. начальный сервер

   python -m SimpleHTTPServer 
   

4. Открыть http://localhost:8000/index.html#/invoices в вашем браузере.