角度jsアプリケーションでchecklist-modelディレクティブを正しく設定するにはどうすればよいですか？

Question

今 、私はヨーマン/うなり声と連携angular.jsプロジェクトを持っている...私

私はNode.jsの/作男世界とのnoobだけど、その質問がかなりダムである場合、私は申し訳ありませんディレクティブを含めることです、具体的にはthis one、

しかし、私はそれをインストールする方法がわかりません！

私が持っている：

は、コマンドNPMが私のコマンドプロンプトから

をチェックリストモデルをインストールしたindex.htmlファイル内

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

をスクリプトを - 結合 - そして、私の中で依存関係を追加 - 古本アプリ

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 

どのように正しく設定できますか？

Answer 1

私は、バウアーを使用してインストールしようとした：

{ 
"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を

：

亭は

私の亭が更新--saveチェックリストモデルをインストール

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

APP.js

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

]）