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

Question

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

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

Спасибо

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 заголовок и поскольку по умолчанию блокируется запрос, вы получаете сообщение об ошибке.

Чтобы обойти это, сделайте следующее (убедитесь, что у вас установлен ruby ​​или python) -

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

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 в вашем браузере.