Articles of angular

Como consumir componente Http eficientemente em um serviço em 2 beta angular?

Estou tentando jogar com o Angular 2-beta e quero trabalhar com o componente Http . Mas há um problema sério aqui: Eu li isso e sei em Angular 2 (Ao contrário do Angular 1), o componente Http não é um serviço que retorna uma promise . Ele retorna algo chamado Observable . Sabemos que um […]

Angular2 altera a detecção: ngOnChanges não é acionado para object nested

Eu sei que não sou o primeiro a perguntar sobre isso, mas não consigo encontrar uma resposta nas perguntas anteriores. Eu tenho isso em um componente No controlador rawLapsdata é mutado de tempos em tempos. Nas laps , os dados são exibidos como HTML em um formato tabular. Isso muda sempre que rawLapsdata alterado. Meu […]

Valor padrão das opções suspensas do Angular 2

Em Angular 1 eu poderia selecionar a opção padrão para uma checkbox suspensa usando o seguinte: Em Angular 2 eu tenho: {{workout.name}} Como eu poderia selecionar uma opção padrão, dado que meus dados de opção são: [{name: ‘arm’}, {name: ‘back’}, {name:’leg’}] e meu valor para o qual eu assumi o padrão está de back ?

Angular Cli Webpack, Como adicionar ou agrupar arquivos js externos?

Não tenho certeza de como include arquivos JS (fornecedores) depois de alternar o Angular Cli do SystemJs para o Webpack. Por exemplo Opção A Eu tenho alguns arquivos js que foram instalados via npm. Adicionar tags de script à tag head dessa forma não funciona. Nem parece o melhor caminho. //With systemJs I could do […]

Carregar estilo css externo no Angular 2 Component

import {Component} from ‘angular2/core’; @Component({ selector: ‘my-app’, template: ”, styleUrls: [ ‘http://domain.com/external.css’, ‘app/local.css’ ] }) export class AppComponent {} O external.css não é carregado. Existe alguma maneira de carregar o css externo em um componente Angular 2?

dependency injection angular 2 em ES5 e ES6

Aqui está um exemplo básico de TypeScript / ES.next que usa decoradores para DI e segue a syntax sugerida pelo manual do framework: import {Component, Inject, Injectable, NgModule, OpaqueToken} from ‘@angular/core’; import {BrowserModule} from ‘@angular/platform-browser’; import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’; const CONSTANT = { value: ‘constant’ }; const CONSTANT_TOKEN = new OpaqueToken; const CONSTANT_PROVIDER = { […]

Executando estruturas Angular e AngularJS lado a lado

Eu encontrei resources que descrevem como integrar componentes Angular (2) no AngularJS, mas todos eles envolveram a configuração do projeto AngularJS como um projeto Angular, exigindo um transpiler do TypeScript, exigindo o ES6, exigindo instruções de importação. Eu quero simplesmente usar componentes Angulares no meu aplicativo AngularJS sem interromper meu stream de trabalho existente. Isso […]

Armazenando em cache um object de promise no serviço AngularJS

Eu quero implementar um carregamento dynamic de um recurso estático no AngularJS usando Promises. O problema: eu tenho alguns componentes na página que podem (ou não, depende de quais são exibidos, assim dynamics) precisam obter um recurso estático do servidor. Uma vez carregado, ele pode ser armazenado em cache durante toda a vida útil da […]

Angular2: Não é possível ler a propriedade ‘name’ de undefined

Eu estou começando a aprender Angular2. Eu tenho seguido o Tutorial Heroes fornecido em angular.io. Tudo estava funcionando bem até que, incomodado com a confusão de HTML usando o modelo, usei o URL do modelo em seu lugar e movi o HTML para um arquivo chamado hero.html. O erro gerado é “Não é possível ler […]

Como passar argumentos de url (string de consulta) para uma requisição HTTP em Angular?

Oi pessoal Estou criando um pedido HTTP em Angular, mas eu não sei como adicionar argumentos de url (query string) para ele. this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete() ); Agora meu StaticSettings.BASE_URL é algo como um URL sem string de consulta, como: http://atsomeplace.com/, mas eu quero que ele seja http://atsomeplace.com/?var1=val1&var2=val2 Onde […]