Category : ng-zorro-antd

i need to mock the afterclose result and call it… this is my modal creation and the subscription at the afterClose const modal = this.modal.create({ nzTitle: this.i18n.modal.protocolClass.importTitle, nzContent: AooProtocolClassImportModalComponent, nzComponentParams: { aooId: this._aooId }, nzWidth: 800, }); modal.afterClose.pipe(first()).subscribe((result) => { if (result) { this._store.dispatch(AooActions.copyProtocolDocClass({aooId: this._aooId, sourceAooId: result.sourceAooId, protocolClassType: result.type})); this._sub.add(this.copiedProtocolDocClass.subscribe((protocolClass) => { if (protocolClass) { ..

Read more

Looking at the Elements tab, this component template <div class="some-class"> <h2>test-notification-banner works!</h2> <nz-alert [some-attribute]="some-value"></nz-alert> </div> will produce some HTML similar to this <div _ngcontent-gci-c305 class="some-class"> <h2 _ngcontent-gci-c305>test-notification-banner works!</h2> <nz-alert _ngcontent-gci-c305 [some-attribute]="some-value"></nz-alert> </div> What if want to know what HTML component-1 is producing? The problem I am having is with the nz-alert component from NG-ZORRO-ANT. No ..

Read more

I’ve created a child component that should contain some logic. Unfortunately, ng-alert is not displaying when I place it inside the child component. <p>test-banner works!</p> <nz-alert nzType="success" nzMessage="Success Text"></nz-alert> When I place the nz-alert control in the main component, it displays <div class="test-wrapper"> <nz-alert nzType="success" nzMessage="Success Text"></nz-alert> <test-banner></test-banner> </div> I am getting this result I ..

Read more

I want to use NG-ZORRO-andt pagination in the Html page, it’s showing in my browser but how do I link the data from the api with the pagination? This is my Html code <div class="col-md-6 col-lg-4 col-xl-3" *ngFor="let course of peopleHome"> //I want to paginate this data <div class="card-blog"> <a href="#"> <img src="../assets/images/image10.jpg" alt="" class="img-blog" ..

Read more

I have a problem making select work in multiple mode if someone can help me please ,no data available in select drop down and i have this error "ERROR TypeError: listOfSelectedValue.filter is not a function " .html <nz-form-control class="col-75" nzErrorTip="Ce champ est obligatoire"> <nz-select [nzMaxTagCount]="5" [nzMaxTagPlaceholder]="tagPlaceHolder" nzMode="multiple" nzShowSearch nzAllowClear nzPlaceHolder="please select" formControlName="selectedValue" > <nz-option *ngFor="let ..

Read more

I expected to use the yarn workspace to create a demo and ng-zorro-antd project for debugging ng-zorro-antd, but I encountered the following error: ERROR in …/workspace-demo/node_modules/ng-zorro-antd/button/index.ts Module build failed (from ./node_modules/@ngtools/webpack/src/index.js): Error: …/workspace-demo/node_modules/ng-zorro-antd/button/index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the ‘files’ or ‘include’ property. The missing ..

Read more