Programmazione angular

17

Materiale angolare: selezione del tappetino che non seleziona l'impostazione predefinita

Ho un mat-select dove le opzioni sono tutti gli oggetti definiti in un array. Sto cercando di impostare il valore predefinito su una delle opzioni, tuttavia viene lasciato selezionato quando la pagina viene visualizzata. Il mio file dattiloscritto contiene: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": …

109 angular typescript angular-material2

16

Come eseguo il debug di un errore "[Object ErrorEvent] generato" nei miei test Karma / Jasmine?

Ho diversi test non riusciti che generano solo [object ErrorEvent] thrown. Non vedo nulla nella console che mi aiuti a individuare il codice offensivo. C'è qualcosa che devo fare per rintracciarli? [EDIT]: Sto eseguendo Karma v1.70, Jasmine v2.7.0

108 angular angular-cli karma-jasmine

12

Aggiornamento dinamico del CSS in Angular 2

Diciamo che ho un componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } Il file html del modello per questo componente //home.component.html <div class="home-component">Some stuff in this div</div> E infine il …

108 css angular

1

Accedi alle variabili di riferimento del modello dalla classe del componente

<div> <input #ipt type="text"/> </div> È possibile accedere alla variabile di accesso al modello dalla classe del componente? ad esempio, posso accedervi qui, class XComponent{ somefunction(){ //Can I access #ipt here? } }

108 angular typescript angular2-template

6

Evita che Angular2 invii sistematicamente il modulo al clic del pulsante

Ok, forse questo non è chiaro. Ottieni questo modulo: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> Perché tutti i pulsanti attivano la submit()funzione? E come evitarlo?

107 javascript forms angular submit

10

ATTENZIONE: disinfezione dell'URL del valore di stile non sicuro

Voglio impostare l'immagine di sfondo di un DIV in un modello di componente nella mia app Angular 2. Tuttavia continuo a ricevere il seguente avviso nella mia console e non ottengo l'effetto desiderato ... Non sono sicuro che l'immagine di sfondo CSS dinamica sia bloccata a causa di restrizioni di …

107 typescript angular xss

3

Utilizzando ngIf senza un elemento aggiuntivo in Angular 2

Posso usare ngIfsenza un elemento contenitore aggiuntivo? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Non funziona in una tabella perché renderebbe HTML non valido.

107 html templates angular

8

Come caricare un'immagine (e altre risorse) in Angular un progetto?

Sono abbastanza nuovo su Angular, quindi non sono sicuro che sia la migliore pratica per farlo. Ho usato angular-cli e ng new some-projectper generare una nuova app. In esso è stata creata una cartella "immagini" nella cartella "risorse", quindi ora la cartella delle immagini è src/assets/images In app.component.html(che è la …

107 html angular angular-cli

5

Angular 8 - Moduli di caricamento lento: errore TS1323: l'importazione dinamica è supportata solo quando il flag '--module' è 'commonjs' o 'esNext'

Quando ho aggiornato Angular da 7 a Angular 8, ho ricevuto un errore per i moduli di caricamento lento Ho provato le opzioni, che sono presenti nella guida all'aggiornamento angolare Apportate le seguenti modifiche: Prima loadChildren: '../feature/path/sample- tage.module#SameTagModule' Dopo loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) errore TS1323: l'importazione dinamica …

107 javascript angular typescript module angular8

6

HttpClient angolare "Http failure during parsing"

Provo a inviare una richiesta POST da Angular 4 al mio backend Laravel. Il mio LoginService ha questo metodo: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Mi iscrivo a questo metodo nel mio LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => …

107 angular typescript angular-httpclient

15

Demo di smistamento mat-table non funziona

Sto cercando di far funzionare l' mat-tableordinamento localmente e, sebbene riesca a visualizzare i dati come previsto, facendo clic sulla riga di intestazione non viene eseguito l'ordinamento come negli esempi online (non accade assolutamente nulla). Sto cercando di far funzionare questa demo localmente: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Ho generato un nuovo progetto …

107 angular angular-material

8

Rileva clic all'esterno del componente angolare

Come posso rilevare i clic all'esterno di un componente in Angular?

106 html events angular typescript

7

Come posso limitare la ripetizione di ngFor a un certo numero di elementi in Angular?

Il mio codice: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Sto cercando di visualizzare solo 10 elementi dell'elenco in qualsiasi momento. Come suggerito nella risposta qui , ho usato ngIf ma questo si traduce in voci di elenco vuote (oltre 10) che vengono visualizzate sulla …

106 angular

16

Convalida dello schema non riuscita con i seguenti errori: Il percorso dati ".builders ['app-shell']" dovrebbe avere la proprietà richiesta 'class'

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular

30

Angular2 QuickStart npm start non funziona correttamente

So che Angular2 beta è appena stato rilasciato ma non riesco a riprodurre i passaggi del tutorial del sito ufficiale ( https://angular.io/guide/quickstart ). Forse qualcuno ha avuto problemi simili e sa cosa fare per risolvere il problema? Quando provo ad avviare l'applicazione con il npm startcomando ottengo un output come …

105 node.js angular npm

Domande taggate «angular»