Preguntas etiquetadas con angular

Actualmente estoy trabajando en la página de restablecimiento de contraseña de un proyecto de Angular 4. Estamos usando Material angular para crear el cuadro de diálogo, sin embargo, cuando el cliente hace clic fuera del cuadro de diálogo, se cerrará automáticamente. ¿Hay alguna manera de evitar que el diálogo se …

103 angular  dialog  modal-dialog  angular-material 

Las respuestas de esta pregunta son un esfuerzo comunitario . Edite las respuestas existentes para mejorar esta publicación. Actualmente no acepta nuevas respuestas o interacciones. Usando ng --versiontengo: @ angular / cli: 1.0.0 que no es la última versión disponible. Como tengo Angular CLI instalado globalmente en mi sistema, para …

102 angular  angular-cli 

¿Cómo usar ngStyle para agregar una imagen de fondo? Mi código no funciona: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

102 javascript  html  css  angular 

Estoy trabajando en una aplicación que tiene muchos roles que necesito para usar guardias para bloquear la navegación a partes de la aplicación según esos roles. Me doy cuenta de que puedo crear clases de guardia individuales para cada rol, pero prefiero tener una clase a la que de alguna …

102 angular  typescript  angular2-routing 

Quiero poder desplazarme a un objetivo cuando se presiona un botón. Estaba pensando en algo como esto. <button (click)="scroll(#target)">Button</button> Y en mi component.tsmétodo como. scroll(element) { window.scrollTo(element.yPosition) } Sé que el código anterior no es válido, solo para mostrar lo que estaba pensando. Acabo de comenzar a aprender Angular 4 …

102 javascript  html  angular  typescript 

Al escribir componentes de Angular 2.0, ¿cómo se establecen los valores predeterminados para las propiedades? Por ejemplo - Quiero conjunto fooa 'bar'por defecto, pero la fuerza vinculante de inmediato a resolver 'baz'. ¿Cómo se desarrolla esto en los ganchos del ciclo de vida? @Component({ selector: 'foo-component' }) export class FooComponent …

102 angular  typescript 

Estoy trabajando en una aplicación angular para que los gerentes realicen un seguimiento de sus equipos, y tengo un error de @Output: An error occurred: @Output deleteMeeting not initialized in 'MeetingItemComponent'. Tengo un componente de reuniones, que genera una lista de componentes de MeetingItem. Quiero realizar acciones cuando el usuario …

102 angular  click  angular-event-emitter 

Mi equipo y yo hemos recibido financiación para empezar a desarrollar una aplicación web de nivel empresarial (no entraré en detalles de lo que hace). La aplicación tendrá muchas páginas web separadas, pero dos de esas páginas estarán más enfocadas y serán muy pesadas: pesadas como en mucha interacción del …

101 asp.net  angular  reactjs  razor 

No se puede enlazar a 'ngModel' porque no es una propiedad conocida del elemento 'input' y no hay directivas coincidentes con una propiedad correspondiente Nota: estoy usando alpha.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind' }) @View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> …

101 data-binding  typescript  angular  2-way-object-databinding 

Estoy tratando de probar el enlace bidireccional angular2 para el control input. Aquí está el error: Can't bind to 'ngModel' since it isn't a known property of 'input'. El app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> La app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit …

101 testing  angular  angular-cli  angular2-testing 

No, esta no es una pregunta duplicada. Verá, hay un montón de preguntas y problemas en SO y Github que prescriben que agregue esta directiva a una etiqueta que tiene [(ngModel)]directiva y no está contenida en un formulario. Si no lo agrego, aparece un error: ERROR Error: No value accessor …

101 javascript  angular 

¿Cómo podría tener varios casos en una *ngIfdeclaración? Estoy acostumbrado a que Vue o Angular 1 tenga un if, else ify else, pero parece que Angular 4 solo tiene una condición true( if) y false( else). Según la documentación, solo puedo hacer: <ng-container *ngIf="foo === 1; then first else second"></ng-container> …

101 angular  templates  angular-ng-if 

Estoy construyendo una aplicación angular 4. Estoy recibiendo un error Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. He creado HomeModule y HomeComponent. ¿Cuál necesito para referirme al AppModule? Estoy un poco confundido. ¿Necesito recomendar HomeModule o HomeComponent? En última …

101 angular 

Aquí está el uso de pathmatch como completo y cuando elimino este pathmatch ni siquiera carga la aplicación o ejecuta el proyecto import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppComponent } …

101 angular  typescript 

Estoy trabajando en una aplicación front-end con Angular 5, y necesito tener un cuadro de búsqueda oculto, pero al hacer clic en un botón, el cuadro de búsqueda debería mostrarse y enfocarse. He intentado algunas formas encontradas en StackOverflow con directiva o algo así, pero no puedo tener éxito. Aquí …

101 angular  angular5  angular-forms