79537096

Date: 2025-03-26 19:35:02
Score: 1
Natty:
Report link

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

Reasons:
  • Blacklisted phrase (0.5): I need
  • Blacklisted phrase (0.5): I cannot
  • Long answer (-1):
  • Has code block (-0.5):
  • Self-answer (0.5):
  • Low reputation (1):
Posted by: Jeferson Fillipe Nolasco