angular

问题 How do I build an Angular CLI project in IntelliJ IDEA or Webstorm? I want an option to run ng build command for my Angular 7 Project, instead of running it through the command prompt. 回答1: To run ng build , open your package.json in IDEA (WebStorm) editor and press the run icon in the gutter to the left of the 'build" script: To run ng serve , run "start" script. Note that the IDE auto-creates the Angular CLI Server run configuration for running ng serve , you can use it to start the app.

问题 I'm using Angular 8.2 and installed ts-nameof 4.2.2 for my project and ts-patch 1.0.5 globally. I ran ts-patch install and ts-patch check shows: Checking TypeScript v3.5.3 installation in [...] [+] tsc.js is patched with ts-patch version 1.0.5. [+] tsserverlibrary.js is patched with ts-patch version 1.0.5. [+] typescript.js is patched with ts-patch version 1.0.5. [+] typescriptServices.js is patched with ts-patch version 1.0.5. So I added the following from the ts-patch examples section to my

问题 I'm using Angular 8.2 and installed ts-nameof 4.2.2 for my project and ts-patch 1.0.5 globally. I ran ts-patch install and ts-patch check shows: Checking TypeScript v3.5.3 installation in [...] [+] tsc.js is patched with ts-patch version 1.0.5. [+] tsserverlibrary.js is patched with ts-patch version 1.0.5. [+] typescript.js is patched with ts-patch version 1.0.5. [+] typescriptServices.js is patched with ts-patch version 1.0.5. So I added the following from the ts-patch examples section to my

问题 I'm using Angular 8.2 and installed ts-nameof 4.2.2 for my project and ts-patch 1.0.5 globally. I ran ts-patch install and ts-patch check shows: Checking TypeScript v3.5.3 installation in [...] [+] tsc.js is patched with ts-patch version 1.0.5. [+] tsserverlibrary.js is patched with ts-patch version 1.0.5. [+] typescript.js is patched with ts-patch version 1.0.5. [+] typescriptServices.js is patched with ts-patch version 1.0.5. So I added the following from the ts-patch examples section to my

问题 I want to make a nice horizontal scroll bar in one of my div's. Like this ones here: I'm using angular2 CLI project. What I've tried so far: I found this package angular2-slimscroll - the latest updated one is here: - but is not working as expected - i guess it has to do with the final angular 2.0 final release which broke the code. npm install ng2-slimscroll --save In my app.module.ts i have: import {SlimScroll} from 'ng2-slimscroll'; @NgModule({ declarations: [ AppComponent, SlimScroll //

问题 I am learning to use @ngrx/data, it is true that with that library I advance a lot of code, but I am having problems when it comes to personalizing it. I already saw how to add fields to collections export const entityMetadata: EntityMetadataMap = { User: { additionalCollectionState: { testing: null } } }; and set the module here: export class UsersModule { constructor(private eds: EntityDefinitionService) { eds.registerMetadataMap(entityMetadata); } } All good up there, but ..., How can I

问题 I am confused about using httpclient in angular 5.I am new to angular and just following the official angular tutorial.I dont know much about observables,promise,pipe etc..Currently I am having a service for handling all the http methods.For post request I am using with pipe.Below is the method. create(model: any,URI) :Observable<Object>{ return this.http.post(API_URL+URI, model) .pipe( catchError(this.handleError('create', model)) ); } private handleError<T> (operation = 'operation', result?

问题 I'm looking for a simplified way to display escaped html code in the browser. I.e. this is for a "quick start / lib demo" page. So I want to display this line as it is (without angular intercepting and calling the component): <wd-input [label]="'this is a label'"></wd-input> I tried a something like: {{ '<wd-input [label]="'this is a label'"></wd-input>' }} But it didn't work, Angular still compiled and rendered it. Edit: to provide more context, this is what I'm going to have to do unless we

问题 Is it possible to insert a component into another parent component and pass data to the child component from the parent component? User Component Table Component Detail Component in user.html <app-table> <app-detail></app-detail> </app-table> in table.html <div *ngFor="let item of items"> <ng-content [item]="item"></ng-content> (its my problem) </div> 回答1: You can use ngTemplateOutlet : https://angular.io/api/common/NgTemplateOutlet <app-user> <app-table [cardTemplate]="pCard"></app-detail> <

问题 Is it possible to insert a component into another parent component and pass data to the child component from the parent component? User Component Table Component Detail Component in user.html <app-table> <app-detail></app-detail> </app-table> in table.html <div *ngFor="let item of items"> <ng-content [item]="item"></ng-content> (its my problem) </div> 回答1: You can use ngTemplateOutlet : https://angular.io/api/common/NgTemplateOutlet <app-user> <app-table [cardTemplate]="pCard"></app-detail> <