angular6

问题 I need to use "select2" in angular 6 for autocomplete. Who's ever use it before? , help me please. 回答1: You can use ng2-select2 Angular wrapper for Select2 (ng2-select2) 回答2: 1.If you are using bootstrap then use typeahead feature of bootstrap https://ng-bootstrap.github.io/#/components/typeahead/examples 2.If material then use autocomplete https://material.angular.io/components/autocomplete/examples 回答3: you can do this in Two ways case1: with JQuery by adding an Id to select tag <select

问题 Here is Response from REST API {name:test,age:25,male:true},{name:test1,age:26,female:true},{name:test3,age:27,male:true} How to display in front-end <div *ngFor="let item of bundle | keyvalue"> <li>{{item.key}}:{{item.value}}</li> </div> It printing like 0:{name:test,age:25,male:true} 1:{name:test1,age:26,female:true} 2:{name:test3,age:27,male:true} and also <div *ngFor="let item of bundle"> <li>{{ item.name}}</li> <li> {{item.age}} </li> </div> It is not working Expecting Result like this

问题 I have an angular 6 application, which has a top bar and a content area below this. These are different component and I am currently developing the user profile page. Name of the user is also displayed in the top bar. My problem is like whenever I have updated the user's name in EditUser page, it successfully saves, but the same is not updated on the top bar. In Vue.js, I can simply handle this with a Vuex store; but how can I handle this in Angular 6. Any help would be much appreciated. 回答1:

问题 I checked many times and didn't see any problem. It throws an error for a closing tag of ion-list inside HTML. Component <div> <button (click)="toggleFunc();" class="accordion">Section Title</button> <div class="panel" [ngClass]="opened ? 'active' : ''"> <form [formGroup]="form"> <ion-list style="margin-top: 15% !important" class="scroll"> <ion-item> <ion-input class="input-field" formControlName="firstName" name="firstName" type="text" placeholder="First Name"></ion-input> </ion-item> ... ..

问题 Recently I found there is a memory leak in IE11 for angular6 application where i have several's tabs in application and each tab is having multiple graphs to show. There is no memory leak for sudden open and close the application but if I allowed to open a browser for 2 days with active tab open, i saw a memory spike where memory aren't being released properly and memory allocation is getting upward after that and its repeating the same pattern over the time. Is there any way to find out

问题 I have a component which when created extracts a parameter from url and launches a query. ngOnInit() { .... this.id = this.route.snapshot.paramMap.get("my-id"); console.log("will query db for question with id " + this.id); this.myService.getId(this.id) } I want to unit-test the component but I can't figure out how to set the url before TestBed creates this component. The url should be of format { path:'id-details;my-id=:id',// for eg id-details;my-id=1 component:MyComponent }, I thought I

问题 I have an editor where the user can edit a product. I save an instance of the product in ngOnInit under initialProduct to make it possible to reset the edits. Unfortunately, I have a weird issue: When adding a new tag the properties of the initialProduct changes without setting them. Here is a stackblitz: https://stackblitz.com/edit/angular-yxrh2d?file=src%2Fapp%2Fapp.component.ts 回答1: With this code this.initialProduct = this.product; you are assigning to this.initialProduct the same

问题 Iterate over an object that is the response from REST API Here is the URL for Stackbliz https://stackblitz.com/edit/angular-iterator-stringobj <div *ngFor = "let Data of student"> <ul *ngFor="let test of Data.value | keyvalue"> <li>{{test.key}} :: {{test.value}</li> </ul> </div> and also tried with <ul *ngFor = "let Data of student.value"> <li>{{Data.pass}}</li> </ul> I expect the output as ID : 123 Name : Test Pass : true [yes] verified : true 来源： https://stackoverflow.com/questions/55589669

问题 This is (custom.component.html) file <input type="text" [(ngModel)]="name" (ngModelChange)="onNameChange()"> <div *ngFor="let s of filteredScreenshots"> {{s | json}} </div> <mat-card class="example-card" *ngFor="let filteredScreen of filteredScreens" let i = index> <mat-card-header> <div mat-card-avatar class="example-header-image" > <img mat-card-image class="list-img" src="{{filteredScreen?.img}}" > </div> <mat-card-content class="names"><b>{{ filteredScreen?.name }}</b></mat-card-content>

问题 I Have created a component that load on the fly a child component with a template which are comming from my server like this topic Compile dynamic HTML in Angular 4/5- something similar to $compile in Angular JS I Would like to call this component from anywhere in my application, Its selector may be called from a modal template ( I cannot reload the modal multiple time ), It may be called from the browser ( And I cannot load both modal and browser in the same time ) @Component({ selector: 'my