Perguntas com a marcação «angular»

Estou tentando detectar uma alteração ngModelem uma <select>tag. No Angular 1.x, podemos resolver isso com um $watchligado ngModelou usando ngChange, mas ainda não entendi como detectar uma mudança ngModelno Angular 2. Exemplo completo : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) …

97 javascript  angular 

Não consigo traduzir este código de Angualr 1 para Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Isso é o que fiz seguindo a resposta de Thierry Templier: Modelo de componente: *ngFor="#todo of todos | sort" Código do componente: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] …

97 angular  angular2-template  angular-pipe 

Eu tenho um conjunto de componentes angular2 que devem receber algum serviço injetado. Meu primeiro pensamento foi que seria melhor criar uma superclasse e injetar o serviço lá. Qualquer um dos meus componentes estenderia essa superclasse, mas essa abordagem não funciona. Exemplo simplificado: export class AbstractComponent { constructor(private myservice: MyService) …

97 inheritance  angular  typescript  inject  typescript1.8 

Estou usando o ReactiveFormsModuleAngular2 para criar um componente que contém um formulário. Aqui está o meu código: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (com [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Estou tentando usar o disabledatributo de a formControl. Quando eu coloco no template, funciona: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Mas o navegador me alerta: Parece que você está usando o atributo disabled com uma diretiva de formulário reativa. Se você definir disabled como true ao configurar este controle em sua classe …

97 angular  typescript 

Estou tentando construir um aplicativo angular2 para produção para isso, estou acompanhando este blog . Após minha compilação bem-sucedida do ngc, quando a compilação tsc ocorre, ele gera o erro abaixo mostrado na imagem: Depois de pesquisar por um tempo encontrei este blog que explica o problema na seção "A …

97 angular  typescript  typescript-typings  angular2-aot 

Não sei como extrair valor de Observable para ser retornado pela função em que Observable está presente. Preciso apenas de um valor para ser devolvido, nada mais. Versão atual que funciona function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Preciso que isso funcione, funcione para retornar …

97 typescript  angular  rxjs  rxjs5 

Acabei de criar um novo angular-cliprojeto e executou npm install bootstrap@4.0.0-beta jquery popper.js --save e alterou as partes relacionadas do .angular-cli.json conforme abaixo "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], no entanto recebendo o erro abaixo 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports …

95 twitter-bootstrap  angular  webpack  popper.js 

Atualmente, estou tentando aprender Angular2 e TypeScript depois de trabalhar com prazer com AngularJS 1. * nos últimos 4 anos! Tenho que admitir que estou odiando isso, mas tenho certeza de que meu momento eureka está chegando ... de qualquer maneira, escrevi um serviço em meu aplicativo fictício que buscará …

95 typescript  angular  observable  rxjs 

Preciso de um cronômetro no Angular 2, que marque após um intervalo de tempo e faça alguma tarefa (pode ser chamada de algumas funções). Como fazer isso com o Angular 2?

95 javascript  angular 

Como posso apresentar algo como 'my-app-name/services'evitar linhas como a importação a seguir? import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

Estou recebendo este erro depois de migrar para o NgModule, o erro não ajuda muito, algum conselho, por favor? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync …

95 angular 

Como declarar uma função dentro de um componente (texto digitado) e chamá-la em um evento click no Angular 2? A seguir está o código para a mesma funcionalidade no Angular 1 para o qual eu exijo o código Angular 2: <button ng-click="myFunc()"></button> //controlador app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function …

95 javascript  angular  typescript 

Eu configurei o código angular na minha máquina local. Preciso saber a versão do angular que estou usando no projeto. como posso encontrá-lo facilmente no prompt do cmd?

95 javascript  angular 

Então, estou trabalhando com angular4 em meu trabalho prático e isso é novo para mim. Felizmente, para obter os elementos html e seus valores, usei <HTMLInputElement> document.getElementByIdou <HTMLSelectElement> document.getElementById Estou me perguntando se há algum substituto para isso no angular

95 angular  typescript