尝试在我的angular cli指令中导入光滑轮播

时间:2018-11-27 22:35:12

标签: c# angular asp.net-core asp.net-core-mvc angular7

我在带有.net MVC核心后端的angular 7应用程序中有一个新指令。我在_Layout中包括这样的光滑库..以及jquery等

 <script src="~/node_modules/slick-carousel/slick/slick.js"></script>

为此,我在startup.cs中有了中间件

app.UseNodeModules(env);

在我的角度应用程序中,我有一个类似的指令。

import { Directive, ElementRef ,Input} from '@angular/core';
import * as $ from "jquery";


@Directive({
  selector: '[appSlickCarousel]'
})

export class SlickCarouselDirective {

    constructor(private element:ElementRef)
    {
        console.log(element);

        var defaultOptions = {
        };
        var customOptions = eval($(element).attr("data-options"));
        // combine the two options objects
        for (var key in customOptions) {
            defaultOptions[key] = customOptions[key];
        }

        //// init carousel
        $(element).slick(defaultOptions);


    }
}

但是它运行时会出现此错误。

  

jquery__WEBPACK_IMPORTED_MODULE_1 __(...)。slick不是函数       在新的SlickCarouselDirective(slick-carousel.directive.ts:23)上

是否建议使用角度CLI?似乎对您隐藏了webpack。

0 个答案:

没有答案