Perguntas com a marcação «angular»

Estou usando o Angular 4 e estou recebendo um erro no console: Não é possível vincular ao 'ngModel', pois não é uma propriedade conhecida de 'input' Como posso resolver isto?

296 angular  typescript  angular-ngmodel  angular-forms 

Na documentação do Angular Component Router, deparei-me com um comando npm que nunca tinha visto antes e não entendo o que está acontecendo: npm install @angular/router --save Qual é o significado de @angular/router? A cadeia inteira é um nome de pacote? Mas não encontro esse pacote quando uso a pesquisa …

294 javascript  angular  npm 

Por que o componente deste simples puxão @Component({ selector: 'my-app', template: `<div>I'm {{message}} </div>`, }) export class App { message:string = 'loading :('; ngAfterViewInit() { this.updateMessage(); } updateMessage(){ this.message = 'all done loading :)' } } jogando: EXCEÇÃO: A expressão 'Estou {{message}} no App @ 0: 5' foi alterada após …

286 typescript  angular 

O que estou fazendo de errado? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: …

286 angular  typescript  angular2-directives  ngfor 

O evento de mudança é chamado somente depois que o foco da entrada foi alterado. Como posso fazer com que o evento seja acionado a cada pressionamento de tecla? <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}} A segunda ligação é alterada a cada pressionamento de tecla.

282 angular 

Aparentemente, o Angular 2 usará pipes em vez de filtros, como no Angular1 em conjunto com ng-for para filtrar os resultados, embora a implementação ainda pareça vaga, sem documentação clara. Ou seja, o que estou tentando alcançar pode ser visto da seguinte perspectiva <div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div> Como implementar …

278 angular  typescript 

Obviamente, a versão beta do Angular2 é mais nova que a nova, então não há muita informação por aí, mas estou tentando fazer o que acho que é um roteamento bastante básico. A invasão com o código de início rápido e outros trechos do site https://angular.io resultou na seguinte estrutura …

277 angular 

Como posso adicionar condicionalmente um atributo de elemento, por exemplo, o checked caixa de seleção? Versões anteriores do Angular tinham NgAttre acho NgCheckedque todas parecem fornecer a funcionalidade que eu estou procurando. No entanto, esses atributos não parecem existir no Angular 2 e não vejo outra maneira de fornecer essa …

276 javascript  angular 

Estou usando Angular 2+ e Angular CLI. Como adiciono o font-awesome ao meu projeto?

269 angular  webpack  angular-cli 

Em um dos modelos de minhas rotas Angular 2 ( FirstComponent ), tenho um botão first.component.html <div class="button" click="routeWithData()">Pass data and route</div> Meu objetivo é alcançar: Clique no botão -> rotear para outro componente enquanto preserva os dados e sem usar o outro componente como diretiva. Isto é o que …

268 angular  typescript 

Estou criando uma solicitação HTTP no Angular, mas não sei como adicionar argumentos de URL (string de consulta) a 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 seja …

266 http  angular  typescript 

Eu tenho um componente pai: <parent></parent> E eu quero preencher esse grupo com componentes filhos: <parent> <child></child> <child></child> <child></child> </parent> Modelo principal: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Modelo filho: <div class="child">Test</div> Como parente childsão dois componentes separados, seus estilos são bloqueados para seu próprio escopo. No …

266 css  angular  angular-components 

Estou com dificuldades para tentar importar os módulos lodash. Eu configurei meu projeto usando npm + gulp e continuo batendo na mesma parede. Eu tentei o lodash regular, mas também lodash-es. O pacote lodash npm: (possui um arquivo index.js na pasta raiz do pacote) import * as _ from 'lodash'; …

262 javascript  angular  typescript  lodash  es6-module-loader 

No Angular 1.x, você pode definir constantes assim: angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') Qual seria o equivalente em Angular (com TypeScript)? Só não quero repetir o URL base da API repetidamente em todos os meus serviços.

258 typescript  angular 

Estou usando o datepipe para formatar minha data, mas não consigo obter o formato exato desejado sem uma solução alternativa. Estou entendendo mal os tubos ou simplesmente não é possível? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | …

257 date  angular  angular-pipe  date-pipe