To allow any property add ‘no_errors_schema’ to the ‘@ngmodule.schemas’ of this component.

To allow any property and add the ‘no_errors_schema’ to the ‘@ngmodule.schemas’ of this component, you need to follow the steps mentioned below:

1. Open the TypeScript file of the component.

2. Locate the component’s decorator, usually ‘@Component’, and within it, find the ‘NgModule’ metadata.

3. Inside the ‘NgModule’ metadata, locate the ‘schemas’ property and add ‘no_errors_schema’ to it.

Let’s say you have a component called ‘CustomComponent’ and you want to allow any property in it. Your code may look like this:

          import { Component, NgModule } from '@angular/core';

          @Component({
               selector: 'app-custom',
               template: '
This is a custom component
'
          })
          export class CustomComponent {
               // Component logic here
          }

          @NgModule({
               declarations: [CustomComponent],
               exports: [CustomComponent],
               schemas: ['no_errors_schema'] // Add 'no_errors_schema' here to allow any property
          })
          export class CustomModule {
               // Module logic here
          }
          

In the above example, the ‘CustomComponent’ allows any property by adding ‘no_errors_schema’ to the ‘schemas’ property of its ‘@NgModule’ decorator. This means that any unknown properties on the ‘CustomComponent’ will not raise errors or warnings during compilation or execution.