如何使用AngularJS和Bootstrap将ngTagsInput导入到项目中?

时间:2016-10-17 16:59:34

标签: javascript angularjs twitter-bootstrap npm-install

在尝试使用ngTagsInput时如何阻止此消息?我试着去模块并输入:

var app = angular.module("SinglePageApplication", [ "ngRoute",  'ui.bootstrap', 'ngTagsInput']);

但是,这总是会引发以下错误。

Uncaught Error: [$injector:modulerr] Failed to instantiate module SinglePageApplication due to:
Error: [$injector:modulerr] Failed to instantiate module ngTagsInput due to:
Error: [$injector:nomod] Module 'ngTagsInput' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.8/$injector/nomod?p0=ngTagsInput

此外,我尝试使用此link安装它并调用命令:

$ npm install ng-tags-input@3.1.1 --save

但这总是会引发错误:

UNMET PEER DEPENDENCY grunt@1.0.1
└── ng-tags-input@3.1.1

我想要的只是能够使用标签输入,但是我觉得我缺少一些主要的东西来解决所有这些问题。我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

我记得遇到过这个问题,而我提出的修复/解决方法是在本地复制ng-tags-input.js并将其保留在.git中。

我完全忘了检查这个,当时有任何Angular> = 1.5的错误。无法准确回忆这个错误,但我认为我的问题是在点击输入时会从下拉列表中选择一个项目,而不是提交输入。