Angular 2:如何使用和导入ng2-slider-component?

时间:2016-12-05 17:56:08

标签: angular systemjs

注意:我只安装了ng2-slider-component,而不是单独安装任何依赖项。

我正在为我的主应用程序组件模板执行此操作:

@Component({
    selector: 'slider-cmp',
    template: `
        <h1>Slider Cmp</h1>
        <ng2-slider 
    min="6"
    max="23"
    startValue="9"
    endValue="21"
    stepValue="2"
    [normalHandlerStyle]="{ 'background-color': 'green'}"
    [slidingHandlerStyle]="{
          'border-radius': '9px',
          'background-color': 'red'
    }">
</ng2-slider>
    `
  })

我的systemjs.config.js文件中有这个。

一些地图变量:

'ng2-slider-component': 'node_modules/ng2-slider-component'

一些包变量:

'ng2-slider-component': {

    main: 'ng2-slider.component.system.js',
    defaultExtension: 'system.js'
  }

我收到此错误: 无法绑定到&#39; normalHandlerStyle&#39;因为它不是'ng2-slider&#39;的已知属性。

  1. 如果&#39; ng2-slider&#39;是一个Angular组件,它有&#39; normalHandlerStyle&#39;输入,然后验证它是否是该模块的一部分。

  2. 如果&#39; ng2-slider&#39;是一个Web组件,然后添加&#34; CUSTOM_ELEMENTS_SCHEMA&#34;到了&#39; @ NgModule.schemas&#39;该组件可以禁止显示此消息。

  3. 如何修改AppModule - AppModule文件顶部的import语句应该是什么,以及声明和/或提供程序是什么? systemjs.config.js文件是否正确,我基本上遵循了我被告知要做的任何事情:https://www.npmjs.com/package/ng2-slider-component

0 个答案:

没有答案