Preguntas etiquetadas con angular

Al intentar ViewChild obtengo el error. El error es "No se proporcionó un argumento para 'opts'". Tanto @ViewChild está dando el error. 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 class ShoppingEditComponent …

249 angular  typescript 

Estoy tratando de mostrar una marca de verificación si una respuesta es la respuesta aceptada: template: `<div ngIf="answer.accepted">✔</div>` Pero me sale este error: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) ¿Qué estoy haciendo mal?

247 angular  angular2-template 

Estoy tratando de implementar algo como un patrón de delegación en Angular. Cuando el usuario hace clic en un nav-item, me gustaría llamar a una función que luego emite un evento que a su vez debe ser manejado por algún otro componente que escuche el evento. Aquí está el escenario: …

243 angular  observer-pattern  observable  eventemitter  event-delegation 

Estoy tratando de aprender Angular 2. Me gustaría acceder a un componente secundario desde un componente primario utilizando la Anotación @ViewChild . Aquí algunas líneas de código: En BodyContent.ts tengo: 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] }) …

242 typescript  angular 

¿Cuál es la forma más fácil de detener la propagación de eventos del mouse en Angular 2? ¿Debo pasar un $eventobjeto especial y llamarme a stopPropagation()mí mismo o hay alguna otra manera? Por ejemplo, en Meteor, simplemente puedo regresar falsedel controlador de eventos.

239 angular  dom-events  event-propagation 

Yo uso angular2.0.0-beta.7. Cuando un componente se carga en una ruta a la /path?query=value1que se redirige /path. ¿Por qué se eliminaron los parámetros GET? ¿Cómo puedo preservar los parámetros? Tengo un error en los enrutadores. Si tengo una ruta principal como @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } …

237 typescript  angular 

Queremos usar bootstrap 4 (4.0.0-alpha.2) en nuestra aplicación generada con angular-cli 1.0.0-beta.5 (con nodo v6.1.0). Después de obtener bootstrap y sus dependencias con npm, nuestro primer enfoque consistió en agregarlos en angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', e importarlos en nuestro 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"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

Estoy tratando de seguir los documentos en https://material.angular.io/components/component/dialog pero no puedo entender por qué tiene el siguiente problema. Agregué lo siguiente en mi componente: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } En mi módulo agregué import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ …

232 angular  angular-material 

Me gustaría realizar algunas tareas basadas en el evento de cambio de tamaño de la ventana (en carga y dinámicamente). Actualmente tengo mi DOM de la siguiente manera: <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> El evento se dispara correctamente export class AppComponent { onResize(event) { console.log(event); } …

232 javascript  angular 

¿Cuál es la diferencia entre "ng-bootstrap" y "ngx-bootstrap"? ¿Están relacionados entre sí? ¿O son simplemente implementaciones concurrentes? ¿Alguien ha trabajado con ambos y puede dar / explicar los pros y los contras de ambos? Con "ng-bootstrap" me refiero a https://ng-bootstrap.github.io/#/home y con "ngx-bootstrap" me refiero a http://valor-software.com/ngx-bootstrap/ . Ambos relacionados …

231 angular  ng-bootstrap  ngx-bootstrap 

Traté de usarlo con enlaces de tipografía: npm install moment --save typings install moment --ambient -- save test.ts: import {moment} from 'moment/moment'; Y sin: npm install moment --save test.ts: var moment = require('moment/moment'); Pero cuando llamo a moment.format (), recibo un error. Debería ser simple, ¿alguien puede proporcionar una combinación …

231 typescript  angular 

¿Cuál usar para crear un servicio web simulado para probar la aplicación Angular 4?

229 angular  angular-httpclient  angular2-http 

Cuando trato de usar un data attributeen mi template, así: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 se bloquea con: EXCEPCIÓN: Errores de análisis de plantilla: no se puede vincular a 'sectionvalue' ya que no es una propiedad nativa conocida (" …

229 angular  angular2-template 

Mensaje de error de pelusa: src / app / detail / edit / edit.component.ts [111, 5]: para (... en ...) las declaraciones deben filtrarse con una declaración if Fragmento de código (es un código de trabajo. También está disponible en la sección de validación del formulario angular.io ): for (const …

229 angular  angular2-forms  angular-cli  tslint 

Intenté usar "ng destroy component foo" y me dice "El comando de destrucción no es compatible con Angular-CLI" ¿Cómo eliminamos correctamente los componentes con Angular CLI?

227 angular  angular-cli