Perguntas com a marcação «angular»

Ao tentar o ViewChild, estou recebendo o erro. O erro é "Não foi fornecido um argumento para 'opts'". O @ViewChild está dando o erro. import { Component, OnInit, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core'; import { Ingredient } from 'src/app/shared/ingredient.model'; @Component({ selector: 'app-shopping-edit', templateUrl: './shopping-edit.component.html', styleUrls: ['./shopping-edit.component.css'] }) export …

249 angular  typescript 

Estou tentando mostrar uma marca de seleção se uma resposta for a resposta aceita: template: `<div ngIf="answer.accepted">✔</div>` Mas eu recebo este erro: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) O que estou fazendo de errado?

247 angular  angular2-template 

Estou tentando implementar algo como um padrão de delegação no Angular. Quando o usuário clica em um nav-item, eu gostaria de chamar uma função que emite um evento que, por sua vez, deve ser tratado por algum outro componente que estiver ouvindo o evento. Aqui está o cenário: Eu tenho …

243 angular  observer-pattern  observable  eventemitter  event-delegation 

Estou tentando aprender Angular 2. Gostaria de acessar um componente filho de um componente pai usando a Anotação @ViewChild . Aqui estão algumas linhas de código: Em BodyContent.ts eu tenho: import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] }) …

241 typescript  angular 

Qual é a maneira mais fácil de interromper a propagação de eventos do mouse no Angular 2? Devo passar um $eventobjeto especial e stopPropagation()me chamar ou de alguma outra maneira. Por exemplo, no Meteor, posso simplesmente retornar falsedo manipulador de eventos.

238 angular  dom-events  event-propagation 

Eu uso angular2.0.0-beta.7. Quando um componente é carregado em um caminho como /path?query=value1ele é redirecionado /path. Por que os parâmetros GET foram removidos? Como posso preservar os parâmetros? Eu tenho um erro nos roteadores. Se eu tiver uma rota principal como @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } …

237 typescript  angular 

Queremos usar o bootstrap 4 (4.0.0-alpha.2) em nosso aplicativo gerado com angular-cli 1.0.0-beta.5 (com nó v6.1.0). Após obter o bootstrap e suas dependências com o npm, nossa primeira abordagem consistiu em adicioná-los em angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', e importá-los em nossa index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

Estou tentando seguir os documentos em https://material.angular.io/components/component/dialog, mas não consigo entender por que ele tem o problema abaixo? Eu adicionei o seguinte no meu componente: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } No meu módulo eu adicionei import { HomeComponent,DialogResultExampleDialog } from …

232 angular  angular-material 

Gostaria de executar algumas tarefas com base no evento de redimensionamento da janela (no carregamento e dinamicamente). Atualmente, tenho o meu DOM da seguinte maneira: <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> O evento é acionado corretamente export class AppComponent { onResize(event) { console.log(event); } } Como recupero …

232 javascript  angular 

Qual é a diferença entre "ng-bootstrap" e "ngx-bootstrap"? Eles estão relacionados um com o outro? Ou são simplesmente implementações simultâneas? Alguém já trabalhou com os dois e pode dar / explicar os prós e os contras de ambos? Com "ng-bootstrap", quero dizer https://ng-bootstrap.github.io/#/home e com "ngx-bootstrap", quero dizer http://valor-software.com/ngx-bootstrap/ . …

231 angular  ng-bootstrap  ngx-bootstrap 

Eu tentei usá-lo com ligações datilografadas: npm install moment --save typings install moment --ambient -- save test.ts: import {moment} from 'moment/moment'; E sem: npm install moment --save test.ts: var moment = require('moment/moment'); Mas quando eu chamo moment.format (), recebo um erro. Deve ser simples, alguém pode fornecer uma combinação de …

231 typescript  angular 

Qual usar para criar um serviço da web simulado para testar o aplicativo Angular 4?

229 angular  angular-httpclient  angular2-http 

Quando tento usar um data attributeno meu template, assim: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 trava com: EXCEÇÃO: Erros de análise de modelo: não é possível vincular a 'sectionvalue', pois não é uma propriedade nativa conhecida (" ] data-sectionvalue = …

229 angular  angular2-template 

Mensagem de erro do fiapo: src / app / detail / edit / edit.component.ts [111, 5]: as instruções for (... in ...) devem ser filtradas com uma instrução if Fragmento de código (é um código funcional. Também está disponível na seção de validação de formulário angular.io ): for (const field …

229 angular  angular2-forms  angular-cli  tslint 

Eu tentei usar "ng destroy component foo" e ele me diz "O comando destroy não é suportado pelo Angular-CLI" Como podemos excluir corretamente os componentes com o Angular CLI?

227 angular  angular-cli