2017-02-19 18 views
1

Я нуб с Node.js/хрюкать мира, так что я извиняюсь, если вопрос очень тупой ...как правильно настроить контрольную модель-модель в моем угловом приложении js?

У меня есть angular.js проект, который работает с YEOMAN/хрюкать, что теперь я хочу сделать, это включить директиву, в частности this one,

Но я не уверен, как ее установить!

я есть:

-используется команду НПМ установить контрольный список-модель из моей командной строки

-связанной сценарий внутри файл index.html

<script src='node_modules/checklist-model/checklist-model.js'></script> 

-И добавить зависимость в моем app

var app = angular.module('generaPreventivoApp', [ 
'ngAnimate', 
'ngCookies', 
'ngResource', 
'ngRoute', 
'ngSanitize', 
'checklist-model' 
]); 

пульт дает мне ошибку:

Error: [$injector:modulerr] Failed to instantiate module app due to: 
[$injector:modulerr] Failed to instantiate module checklist-model due to: 
[$injector:nomod] Module 'checklist-model' is not available 

как я могу правильно настроить?

+0

ссылочный путь сценария кажется неправильным, как он будет пытаться решить node_modules путь относительно index.html и, вероятно, node_modules будет один каталог вверх. ваш остальной части угловой библиотеки в папке 'node_modules'? Вы можете использовать беседу или просто скопировать файл js в папку сценария и соответственно изменить путь в index.html. – Amitesh

+0

путь правильный .. Thr других сценариев связаны с <сценарий SRC = 'node_modules/контрольного список-модель/контрольных перечнями model.js'> так же корня. –

ответ

1

я попытался установить с помощью беседку, так:

становой установить контрольный список-модель --save

мой будуар обновление:

{ 
"name": "genera-preventivo", 
"version": "0.0.0", 
"dependencies": { 
"angular": "^1.4.0", 
"bootstrap-sass-official": "^3.2.0", 
"angular-animate": "^1.4.0", 
"angular-cookies": "^1.4.0", 
"angular-resource": "^1.4.0", 
"angular-route": "^1.4.0", 
"angular-sanitize": "^1.4.0", 
"checklist-model": "^0.11.0" 
}, 
"devDependencies": { 
"angular-mocks": "^1.4.0" 
}, 
"appPath": "app", 
"moduleName": "generaPreventivoApp", 
"overrides": { 
    "bootstrap": { 
    "main": [ 
    "less/bootstrap.less", 
    "dist/css/bootstrap.css", 
    "dist/js/bootstrap.js" 
    ] 
} 
} 
} 

index.html

<script src="bower_components/checklist-model/checklist-model.js"></script> 

APP.js

var app = angular.module('generaPreventivoApp', [ 
'ngAnimate', 
'ngCookies', 
'ngResource', 
'ngRoute', 
'ngSanitize', 
'checklist-model' 

])