2015-10-27 2 views
0
<!DOCTYPE html> 

<html ng-app="myApp"> 

    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 

    <script src="js/app.js"></script> 
    <script src="node_modules/angular/angular.min.js"></script> 
    <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script> 

    </head> 

    <body> 
     <input type="text" ng-model="name" /> {{name}} 
    </body> 

</html> 

У меня этот код указан выше. Однако, когда я запускаю его на http-сервере, {{name}} не отображается с тем, что помещается в поле ввода, а отображается «{{name}}».AngularJS не успешно импортирован

Я неправильно импортирую угловые?

Моя файловая система в настоящее время выглядит как

index.html

JS -> app.js

node_modules -> угловая -> angular.min.js

и т.д.

Спасибо!

+6

угловатых должны быть загружен ** перед тем ** вашего 'app.js'. – Claies

+0

Хорошее горе. Спасибо, что сказал мне. Я не знал, что порядок загрузки скриптов важен! – tryingtolearn

ответ

0

Я бы предположил, что, поскольку вы используете узел, node_modules не отображаются в общей папке или в виде статического файла.

Из documentation:

http-server [path] [options] 

[path] defaults to ./public if the folder exists, and ./ otherwise. 

У вас есть общая папка? Если так, то я бы догадался, поэтому.

0

Как сказал Claies выше:

угловатых должны быть загружен перед вашим app.js

<script src="node_modules/angular/angular.min.js"></script> 
<script src="js/app.js> 
Смежные вопросы