Sure. This component its comming from one lib of mine.
TS:
import { Component, Input, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'sued-text-link',
template: 'Label: {{ label }}',
styleUrls: ['./sued-text-link.component.scss'],
encapsulation: ViewEncapsulation.None,
})
export class SuedTextLinkComponent {
@Input({ required: true }) label: string;
}
Im just trying to create one component in one angular library and show the content. This label prop, I need to be one object {text: string, size: number}, but I do this in question to simplify.
I cannot understand what Im doing wrong.
Here its app.module:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { SuedComponentsModule } from 'node_modules/sued-components';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
CommonModule,
FormsModule,
SuedComponentsModule,
],
exports: [
SuedComponentsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
SuedComponentsModule:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SuedTextLinkComponent } from './components/sued-text-link/sued-text-link.component';
@NgModule({
declarations: [
SuedTextLinkComponent
],
exports: [
SuedTextLinkComponent
],
imports: [
CommonModule,
]
})
export class SuedComponentsModule { }
PS: Im using npm link