Articles of angular

angular2 osservabile, diventando indefinito nel componente

Sono nuovo su angular2, ho bisogno di aiuto. Sto usando sotto la class di servizio. import {Injectable} from ‘angular2/core’; import {Http} from ‘angular2/http’; import ‘rxjs/add/operator/map’; @Injectable() export class UsersService { private _url = “http://jsonplaceholder.typicode.com/users”; constructor(private _http: Http){ } getUsers(){ return this._http.get(this._url) .map(res => res.json()); } } quando chiamo sopra il servizio nel sotto componente, ottengo […]

AngularJS: $ viewContentLoaded triggersto prima della visualizzazione parziale

Per una vista parziale voglio fare qualcosa di JavaScript che di solito farei con $(document).ready(function() {…}) , ad es. Legare gli ascoltatori venet agli elementi. So che questo non funziona per AngularJS e le viste parziali caricate nella vista “root”. Così ho aggiunto un listener al controller che ascolta l’evento $viewContentLoaded . La funzione del […]

Multiplo router di uscita con nome multiplo 2

Voglio visualizzare diverse visualizzazioni per percorsi figlio. Ad esempio, desidero che il mio modello contenga più router-outlet Version: @angular/router”: “3.0.0-alpha.7” Nel mio router voglio specificare il nome del router. Come ho visto in una domanda, la soluzione per questo è specificare AuxRoute, ma AuxRoute non esiste in questa versione. {path: ‘/’, component: HomeComponent, as: ‘Home’}, […]

Il servizio Http di Angular 2 non espone map () e altre funzioni RxJS

Qualcuno sa se sono state apportate modifiche irrisolte al http tra alpha 45 e alpha 48? Ho cercato in giro e non ho trovato nulla. Il mio problema è che il codice sotto funzionava perfettamente su Alpha 45. Ma ora che ho aggiornato a Alpha 48 sto ottenendo una _this.http.post(…).map is not a function messaggio […]

Come posso applicare un limite di quantità a * ngPer?

Dal momento che il filtro Limite è passato da Angular 2+, come posso applicare un limite per una semplice istruzione * ngFor? {{ tweet }} Non voglio che l’istruzione * ngFor esegua il ciclo di tutti gli elementi di singleCategory, voglio limitarlo a soli 2 risultati. Credo che potrebbe essere fatto con Custom Pipes ma […]

Angolare 2. Come si applica orderBy?

Ho un pezzo di codice. # Name Score {{i+1}} {{participant.username}} {{participant.score}} In Angular 1 ho il filtro orderBy per ordinare le righe dal mio filtro. Ma come posso ordinare da Angular 2 allo stesso modo? Grazie.

Le animazioni di transizione delle pagine con router Angular 2.0 e promemoria dell’interfaccia dei componenti

In 1.x angular possiamo usare ngAnimate per rilevare quando stiamo lasciando o entrando in una particolare rotta. Inoltre siamo in grado di applicare comportamenti a loro: animateApp.animation(‘.myElement’, function(){ return { enter : function(element, done) { //Do something on enter }, leave : function(element, done) { //Do something on leave } }; )}; Risultante in un […]

Angolare 2 | Direttive L’argomento di tipo ‘{}’ non è assegnabile a

Sono noob con Angular 2. Sto facendo tutorial su YouTube, ma ogni tutorial ha le directives: parte in cui sono bloccato. app.component.ts import { Component } from ‘@angular/core’; import { HeaderComponent } from ‘./components/header/header.component’ @Component({ selector: ‘my-app’, template: ‘Hello’, directives: [HeaderComponent] }) export class AppComponent { } L’output dell’errore è: Argument of type ‘{ selector: […]

Corpo della richiesta Http.DELETE in Angular2

Sto provando a parlare con API un po ‘RESTful da un frontend Angular 2. Per rimuovere alcuni elementi da una raccolta, devo inviare altri dati oltre all’ID univoco della rimozione (che può essere aggiunto all’URL), vale a dire un token di autenticazione, alcune informazioni sulla raccolta e alcuni dati ausiliari. Il modo più semplice che […]

Caricamento file angular 2 da tipo di input = file

Usando angular 2 beta, e non riesco a ottenere input di tipo file per funzionare. Usando la diagnostica posso vedere il binding a due vie per altri type come il testo. {{diagnostic}} Upload Nel mio file typescript ho a disposizione la linea diagnostica: get diagnostic() { return JSON.stringify(this.model); } Potrebbe essere che è il problema […]