angular-components

来源： https://stackoverflow.com/questions/51171350/angular-pass-a-component-as-ng-template-of-another-component

来源： https://stackoverflow.com/questions/53831259/how-to-update-child-components-after-receiving-data-from-an-ajax-call-in-parent

来源： https://stackoverflow.com/questions/53831259/how-to-update-child-components-after-receiving-data-from-an-ajax-call-in-parent

来源： https://stackoverflow.com/questions/60789734/angular-material-mat-dialog-content-is-not-a-known-element

来源： https://stackoverflow.com/questions/60789734/angular-material-mat-dialog-content-is-not-a-known-element

来源： https://stackoverflow.com/questions/63502641/angular-component-doesnt-update-view-as-expected

问题 I am trying to display a dynamic component similar (not exact) to the example in angular docs. I have a dynamic directive with viewContainerRef @Directive({ selector: '[dynamicComponent]' }) export class DynamicComponentDirective { constructor(public viewContainerRef: ViewContainerRef) { } } Excerpt from component code @ViewChild(DynamicComponentDirective) adHost: DynamicComponentDirective; .. ngAfterViewInit() { let componentFactory = null; console.log(component); componentFactory = this

问题 I am exporting a custom component in my AppModule but can not use it in another module, which is being imported in the AppModule. I thought exported components are visible globally? I am trying to use the CalendarComponent with the selector 'app-calendar' in a component within the TestModule. app.module.ts @NgModule({ declarations: [ ... , CalendarComponent, ], imports: [ ... , TestModule, ], exports: [ ... CalendarComponent, ], providers: [ ... ], bootstrap: [AppComponent] }) test.module.ts

问题 I've written a reactive component by injecting the NgControl and which is decorated using the @Self decorator. My problem is related to unit testing of such component. Please look at the code below: Disclaimer: I've quickly copied the code and made some inline changes. So, this might not be a compiler happy code. My Reactive Component: @Component({ selector: 'text-input', templateUrl: '<input type="text" class="native_input" />' }) class TextInput implements ControlValueAccessor { protected

问题 I have created img-pop component which has @Input() bind property src. I have created authSrc directive which has @HostBinding() property src. @Component({ selector: 'img-pop', template: `<img [src]="src"/> <div *ngIf="isShow"> <----extra value-----> </div>` }) export class ImgPopOverComponent implements OnInit { @Input() private src; private isShow=false; @HostListener('mouseenter') onMouseEnter() { this.isShow= true; } @HostListener('mouseleave') onMouseLeave() { this.isShow= false; } } I