Preguntas etiquetadas con angular

En ts is_edit = truepara deshabilitar ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Simplemente quiero deshabilitar una entrada basada en trueo false. Intenté lo siguiente: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

Vengo del mundo Asp.Net MVC donde los usuarios que intentan acceder a una página que no están autorizados son redirigidos automáticamente a la página de inicio de sesión. Estoy tratando de reproducir este comportamiento en Angular. Me encontré con el decorador @CanActivate, pero el componente no se representa en absoluto, …

122 login  typescript  angular  angular2-routing 

Necesito interpolar un valor dentro de una ngClassexpresión pero no puedo hacer que funcione. Probé estas soluciones que son las únicas que tienen sentido para mí, estas dos fallan con la interpolación: <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> Este funciona con la interpolación pero …

122 angular 

He estado buscando entender esos 3: Asunto , Asunto de comportamiento y Asunto de repetición . Me gustaría usarlos y saber cuándo y por qué, cuáles son los beneficios de usarlos y, aunque he leído la documentación, he visto tutoriales y he buscado en Google, no he podido entender esto. …

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

Estoy creando una aplicación AngularJS 2 con la versión beta. Quiero mostrar una representación JSON de un objeto en mi página, pero se muestra [Object Object]y no {key1:value1 ....} Desde el componente que puedo usar: get example() {return JSON.stringify(this.myObject)}; y luego en la plantilla: {{example}} pero si tengo una matriz …

122 json  angular 

¿Podemos usar enumeraciones en una plantilla de vista angular2? <div class="Dropdown" dropdownType="instrument"></div> pasa la cadena como entrada: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Pero, ¿cómo pasar una configuración de enumeración? Quiero algo …

122 enums  angular  angular2-template 

Quiero que un div se deslice desde la derecha en el ángulo 2 usando css. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Funciono bien si solo uso [ngClass] para cambiar de clase y utilizar opacidad. Pero no quiero que ese elemento se renderice desde el principio, …

121 css  angular  angular-animations 

Estoy usando Angular 4 HttpClientpara enviar solicitudes a un servicio externo. Es una configuración muy estándar: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } El problema es que, cuando falla la solicitud, veo un Http failure response for (unknown url): …

121 angular  typescript 

Tengo un servicio que tiene este método: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } en el …

121 typescript  promise  angular  observable  rxjs 

En mecanografiado, usando Angular 2, necesito importar dos clases con el mismo nombre, pero ubicadas en diferentes rutas. El proyecto es demasiado grande y me resulta difícil cambiar los nombres de las clases exportadas. ¿Hay alguna forma de asignar un alias a las clases importadas? import {Class1} from '../location1/class1' import …

121 angular  typescript  ionic2 

Quiero usar el botón de radio en un formulario usando Angular 2 Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> El valor inicial de model.options es 1 cuando se carga la página, el primer botón de opción …

120 forms  radio-button  angular 

Quiero usar Chart.js dentro de mi proyecto Angular. En versiones anteriores de Angular2, lo he estado haciendo bien usando un 'chart.loader.ts' que tiene: export const { Chart } = require('chart.js'); Luego, en el código del componente, solo import { Chart } from './chart.loader'; Pero después de actualizar a cli 1.0.0 …

120 angular  angular-cli 

Deseo agregar algunos enlaces en mi página de Angular2, que al hacer clic, saltarán a posiciones específicas dentro de esa página, como hacen los hashtags normales. Entonces los enlaces serían algo como /users/123#userInfo /users/123#userPhoto /users/123#userLikes etc. No creo que necesite HashLocationStrategy, ya que estoy bien con la forma normal de …

120 routing  angular  hashtag 

Si no agrego privado antes foo, loadBary text, creo que son públicos de forma predeterminada. export class RandomComponent { @Input() foo: string; @Output() loadBar = new EventEmitter(); text: string; } ¿Hay algún caso de uso cuando están publicen el componente? Por motivos de encapsulación / seguridad, ¿debería siempre agregar privatetodos …

120 typescript  angular 

Estoy usando una tabla de mat para enumerar el contenido de los idiomas elegidos por los usuarios. También pueden agregar nuevos idiomas usando el panel de diálogo. Después agregaron un idioma y regresaron. Quiero que mi fuente de datos se actualice para mostrar los cambios que realizaron. Inicializo el almacén …

120 angular  angular-material  refresh