angular7

问题 I need to stop a one set of elements repeated in my angular 7 application. That set of elements are working with dynamic data. So I create that set of elements in one component. But I can't call that component inside of that component. 回答1: I got a solution for that <ul> <li *ngFor='let link of links'> <ng-container *ngTemplateOutlet="simpleLink; context:{link:link}"> </ng-container> </li> </ul> <ng-template #simpleLink let-link='link'> Simple : {{ link.name }} <ul> <li *ngFor='let link of

问题 I need to stop a one set of elements repeated in my angular 7 application. That set of elements are working with dynamic data. So I create that set of elements in one component. But I can't call that component inside of that component. 回答1: I got a solution for that <ul> <li *ngFor='let link of links'> <ng-container *ngTemplateOutlet="simpleLink; context:{link:link}"> </ng-container> </li> </ul> <ng-template #simpleLink let-link='link'> Simple : {{ link.name }} <ul> <li *ngFor='let link of

问题 I want to create a custom event which can trigger from any component and get listened to any component within my angular 7 app Suppose I have 1 component in which I have a button on click on which I want to trigger my custom event with some data. Next, there will be another component which will constantly listening for that event when it triggers it will execute some code and update the ui accordingly. How should I implement it? 回答1: Well, well, well, what you're looking for is a Shared

问题 I want to create a custom event which can trigger from any component and get listened to any component within my angular 7 app Suppose I have 1 component in which I have a button on click on which I want to trigger my custom event with some data. Next, there will be another component which will constantly listening for that event when it triggers it will execute some code and update the ui accordingly. How should I implement it? 回答1: Well, well, well, what you're looking for is a Shared

问题 This question already has answers here : Why doesn't adding CORS headers to an OPTIONS route allow browsers to access my API? (29 answers) Closed 9 months ago . Trying to access Node server (http://localhost:3000) from Angular 7 (http://192.168.X.X) Set CORS i.e. this.app.use(cors()) this.app.use(bodyParser.json()) this.app.use(bodyParser.urlencoded({ extended: false })) but getting Access to XMLHttpRequest at 'http://localhost:3000/' from origin 'http://192.168.X.X:XX' has been blocked by

问题 My intention is to create print module as detailed in this article. I am getting following error while loading my app.component.html: AppComponent.html:1 ERROR TypeError: Cannot read property 'isPrinting' of undefined App.component.html <div [class.isPrinting]= "printService.isPrinting"> <div style="text-align:center"> <h1> Welcome to {{title}}! </h1> <button (click) ="onPrintReport()"> Print Report</button> <router-outlet name='print"'></router-outlet> </div> </div> App.component.ts import {

问题 I need to export an angular material data table into excel file, using xlsx library. The issue is that, if I am using pagination within the data table, and on export, only the visible rows are exported: exportTable() { //let data = Object.values(this.dataSource); const ws: xlsx.WorkSheet=xlsx.utils.table_to_sheet(this.table.nativeElement); const wb: xlsx.WorkBook = xlsx.utils.book_new(); xlsx.utils.book_append_sheet(wb, ws, 'All Data Export'); /* save to file */ xlsx.writeFile(wb,

问题 Based on this question on stack, I need to bind a drop down list, for each row generated from angular material table dataSource . The drop down list should select automatically the correspondent value, as other values. This is table: <form [formGroup]="formGroup"> <table mat-table [dataSource]="dataSource" matSort> <!-- <ng-container matColumnDef="ind_id"> <th mat-header-cell *matHeaderCellDef> Ind. ID </th> <td mat-cell *matCellDef="let element"> {{element.iid}} </td> </ng-container> --> <ng

问题 I have a small project written in Angular 7 and im trying to build the production version out of it. When i run ng build --prod --aot --service-worker The build will run without errors as seen on screenshot. On the other hand, when im trying to load the app in the browser, it will throw errors in console and will not load at all. Any ideas what is causing this? The files are in the same directory as the index.html and they do exist. 回答1: So, I figured out that if I want to serve this files

问题 I'm trying to run one function - "createThreeDates()" that can generate three different results (dates based on -90, -60, -45), using the same variable. After a user sets a date in the input field, that date variable is set and used in the function. The Generate 1 button calls the function. Everything works fine if I only needed one date (not three). FYI, this function uses the installed/import package "add-subtract-date." There are NO ERRORS in my code, but the function returns the SAME date