ngx-responsive - 无法绑定到“responsive-window”，因为它不是“div”的已知属性

Question

I am using the npm ngx-responsive.

In my app.module I have imported the module (after the npm install)

import { ResponsiveModule } from 'ngx-responsive'

@NgModule({
    imports: [
      ResponsiveModule.forRoot()
    ],
})

In my HTML I a have a sample code for rendering a

<div [responsive-window]="'parent'">
     <p *responsive="{ sizes:{  window: 'parent', min:100, max:600} }"></p>
 </div>

I still get a error that it can't be bind because it's not a property of div. And the same problem with the paragraph element

Can someone help me...

Answer 1

In app.module

import { NgModule } from '@angular/core'
import { ResponsiveModule } from 'ngx-responsive'
const config = {
breakPoints: {
    xs: {max: 600},
    sm: {min: 601, max: 959},
    md: {min: 960, max: 1279},
    lg: {min: 1280, max: 1919},
    xl: {min: 1920}
},
debounceTime: 100
};

@NgModule({
imports: [
  BrowserModule,
  ResponsiveModule.forRoot(config)
],
declarations: [
  AppComponent
],
providers:[]
})

HTML

<div [responsive-window]="'parent'">
    <p *responsive="{ sizes:{  window: 'parent', min:900, max:1400} }"></p>
</div>