angular7

问题 I was wondering if there is a way to name my routes in Angular7 so I could just call [routerLink]="myRouteName" instead of [ routerLink]="/my/route/path" . If so, how can I achieve this? 回答1: Considering you want to configure the routes names while you are creating the route configuration. Lets leverage routes' data property to add names to routes. (A small extra data in every route should not affect any performance). But first, let's create a class which conatains a static property for

问题 I was wondering if there is a way to name my routes in Angular7 so I could just call [routerLink]="myRouteName" instead of [ routerLink]="/my/route/path" . If so, how can I achieve this? 回答1: Considering you want to configure the routes names while you are creating the route configuration. Lets leverage routes' data property to add names to routes. (A small extra data in every route should not affect any performance). But first, let's create a class which conatains a static property for

问题 I am trying to record video with audio using videojs-record and my application is in angular 7. I have followed their wiki. Here is the link below https://github.com/collab-project/videojs-record/wiki/Angular but this does not work for me. here is the error what I am getting ERROR in ./node_modules/videojs-record/dist/videojs.record.js Module not found: Error: Can't resolve 'RecordRTC' in '/path/to/project/root/node_modules/videojs-record/dist' ERROR in ./node_modules/videojs-record/dist

问题 I have encountered a weird problem i have created a D3 tree which allows me to drag only after zoom otherwise it does not.I have tried @hostListerner and event binding but those things are outside D3 event hence these events are not working properly. here is code please correct me id i am doing something wrong. Initialization of D3 tree displayTree() { d3.json("./assets/flare.json").then(data => { data = this.d3Object; this.root = d3.hierarchy(data); this.root.x0 = height; this.root.y0 = 0;

问题 I am using Angular 7 Template Driven Form validations . I already went thru link: https://jasonwatmore.com/post/2019/06/15/angular-8-template-driven-forms-validation-example, but I did not find any working solution to read Service Side Validation/Error message . Details I took from error in ts file: fieldErrors is having errors for all fields which failed to validate service side validations. handleError(error: any) { if (error instanceof HttpErrorResponse) { if (error.error.fieldErrors) {

问题 I am using Angular library and have the following folder structure: coollibrary - components - my.component.ts - services - my.service.ts public_api.ts In public_api, I export the component and service and make the library build. After that I can import the necessary things in my project using import { MyComponent } from 'coollibrary'; but I can not use the following path: import { MyComponent } from 'coollibrary/components' Can I somehow achieve this behavior? I generate library with

问题 I am extending my question here: Develop common Dialog Box Service using Angular 7. I found that because I have custom style.css file which is overriding the openDialog width and everything and its coming to the footer part in my application. When I click on 'Yes' or 'No', then nothing happens, if I click few times then only it works. I don't see anything wrong/error coming to console and no control to debug coming etc., openDialog(title: string, message: string): void { this.title = title;

问题 I am making a distance calculation application using angular which has, Html: <form [formGroup]="form" *ngIf="showForm"> <div formArrayName="distance" > <table> <thead> <th> From Distance (Km) </th> <th> To Distance (Km) </th> <th> Fare Per Kilometer </th> </thead> <tbody> <tr *ngFor="let item of form.get('distance').controls; let i = index" [formGroupName]="i"> <td> <input type="number" placeholder="From" formControlName="from"> </td> <td> <input type="number" placeholder="To"

问题 I have a component which needs to show the data in the grid on the component/page Load and when a button is clicked from parent component it needs refresh the grid with new data. My component is like below export class TjlShipdateFilterComponent implements DoCheck { tljShipDate: ShipDateFilterModel[]; constructor(private psService: ProjectShipmentService) { } ngDoCheck() { // this data is from the service, trying to get it on Page load } @Input() filter: ShipDateFilterModel[]; //Load or

问题 USE CASE I have a content page that has multiple instances of UserActionsComponent. I also have a global DataService that acts as a data provider with (wannabe) advanced caching. Data fetch hierarchy: In-Memory Cache >> Browser Storage (async) >> HTTP Request UserActionsComponent Requests dataService.getData(URL,params,method) PS: params has details like blogId which makes the hash signature unique DataService (.getData()) 1) Makes a unique hash KEY using something like genUniqueHash(URL