AngularJS:ngTagsInput模块不起作用

时间:2018-10-15 08:45:41

标签: angularjs ng-tags-input

我正在尝试在应用程序中实现标签输入。示例如下所示:http://embed.plnkr.co/0ukNPz/preview 首先,我使用以下方法添加了心情:

npm install ng-tags-input@3.2.0 --save

这将安装模块。我可以在“ node_modules”文件夹下看到“ ng-tags-input”文件夹。我将其包含在amy pp.js文件中,例如:

var app =
    angular.module('myLocalApp', [
        'ui.router',                    
        'oc.lazyLoad',                  
        'ui.bootstrap',                 
        'ngStorage',
        'angularUtils.directives.dirPagination',
        'pascalprecht.translate',
        'ngSanitize',
        'angularjs-dropdown-multiselect',
        'ui.grid',
        'ui.grid.autoResize',
        'ui.sortable',
        'ui.grid.selection',
        'ui.grid.resizeColumns',
        'ui.grid.pinning',
        'angular.chosen',        
        'ngCookies',
        'localytics.directives',
        'datePicker',
        'angularjs-autocomplete',
        'ngJsTree',
        'ngIdle',
        'tmh.dynamicLocale',
        'summernote',
        'ui.bootstrap.datetimepicker',
        'ui.bootstrap.showErrors',
        'ngFileUpload',
        'ng-currency',
        'ui.grid.moveColumns',
        'chart.js',
        'ngTagsInput'                   //This is the directive
    ]);

在HTML上,我包含以下代码:

<tags-input class="bootstrap"
    ng-model="movies"
    placeholder="Add a movie"
    -spaces-with-dashes="false">
</tags-input>

运行应用程序时,出现错误:

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.7/$injector/modulerr?p0=myapp&p1=Error%3A%20%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.7%2F%24injector%2Fmodulerr%3Fp0%3Doc.lazyLoad%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.3.7%252F%2524injector%252Fnomod%253Fp0%253Dng-tags-input%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A6%253A416%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A21%253A366%250A%2520%2520%2520%2520at%2520a%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A21%253A7)%250A%2520%2520%2520%2520at%2520Object.module%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A21%253A250)%250A%2520%2520%2520%2520at%2520u%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fplugins%252Foclazyload%252Fdist%252FocLazyLoad.min.js%253A8%253A2925)%250A%2520%2520%2520%2520at%2520Object.s%2520%255Bas%2520forEach%255D%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A7%253A302)%250A%2520%2520%2520%2520at%2520u%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fplugins%252Foclazyload%252Fdist%252FocLazyLoad.min.js%253A8%253A2994)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fplugins%252Foclazyload%252Fdist%252FocLazyLoad.min.js%253A8%253A3048%250A%2520%2520%2520%2520at%2520Object.s%2520%255Bas%2520forEach%255D%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fangular%252Fangular.min.js%253A7%253A302)%250A%2520%2520%2520%2520at%2520u%2520(http%253A%252F%252Flocalhost%253A61577%252FPortal%252Fjs%252Fplugins%252Foclazyload%252Fdist%252FocLazyLoad.min.js%253A8%253A3026)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A6%3A416%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A36%3A98%0A%20%20%20%20at%20s%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A35%3A202)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A35%3A371%0A%20%20%20%20at%20s%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A35%3A202)%0A%20%20%20%20at%20Ob%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A38%3A435)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A17%3A350)%0A%20%20%20%20at%20sc%20(http%3A%2F%2Flocalhost%3A61577%2FPortal%2Fjs%2Fangular%2Fangular.min.js%3A18%3A153)
    at angular.js:38
    at angular.js:4115
    at s (angular.js:323)
    at g (angular.js:4076)
    at Ob (angular.js:4002)
    at d (angular.js:1444)
    at sc (angular.js:1465)
    at Jd (angular.js:1359)
    at HTMLDocument.<anonymous> (angular.js:26032)
    at j (jquery-2.1.1.min.js:2)

使用此模块的正确方法是什么?

0 个答案:

没有答案