Perguntas com a marcação «angular»

Em ts is_edit = truepara desativar ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Eu simplesmente quero desativar uma entrada com base em trueou false. Eu tentei o seguinte: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

Podemos usar enums em um modelo de visualização angular2? <div class="Dropdown" dropdownType="instrument"></div> passa a string como entrada: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Mas como passar uma configuração de enum? Eu quero …

123 enums  angular  angular2-template 

Eu venho do mundo Asp.Net MVC, onde os usuários que tentam acessar uma página que não estão autorizadas são automaticamente redirecionados para a página de login. Estou tentando reproduzir esse comportamento no Angular. Eu vim pelo decorador @CanActivate, mas resulta no componente não renderizando, sem redirecionamento. Minha pergunta é a …

122 login  typescript  angular  angular2-routing 

Preciso interpolar um valor dentro de uma ngClassexpressão, mas não consigo fazer funcionar. Tentei essas soluções que são as únicas que fazem sentido para mim, essas duas falham com a interpolação: <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> Este funciona com a interpolação, mas falha …

122 angular 

Tenho procurado entender esses 3: Assunto , assunto de comportamento e assunto de repetição . Eu gostaria de usá-los e saber quando e por que, quais são os benefícios de usá-los e embora tenha lido a documentação, assistido tutoriais e pesquisado no google, não consegui entender isso. Então, qual é …

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

Estou fazendo um aplicativo AngularJS 2 com a versão beta. Quero mostrar uma representação JSON de um objeto na minha página, mas mostra [Object Object]e não {key1:value1 ....} No componente, posso usar: get example() {return JSON.stringify(this.myObject)}; e depois no modelo: {{example}} mas se eu tenho uma matriz de objetos e …

122 json  angular 

Eu quero uma div para deslizar da direita na angular 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> Eu funciono bem se eu usar apenas [ngClass] para alternar entre classes e utilizar a opacidade. Mas como não quero que esse elemento seja renderizado desde …

121 css  angular  angular-animations 

Estou usando o Angular 4 HttpClientpara enviar solicitações para serviços externos. É uma configuração muito padrão: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } O problema é que, quando a solicitação falha, vejo uma Http failure response for (unknown url): …

121 angular  typescript 

Estou tendo um serviço que tem 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()); } } } no …

121 typescript  promise  angular  observable  rxjs 

No texto datilografado, usando o Angular 2, preciso importar duas classes com o mesmo nome, mas em caminhos diferentes. O projeto é muito grande e acho difícil alterar os nomes das classes exportadas. Existe alguma maneira de criar um alias para as classes importadas, import {Class1} from '../location1/class1' import {Class1} …

121 angular  typescript  ionic2 

Quero remover um item de um array armazenado no angular 2, com Type Script. Estou usando um serviço chamado Data Service, o DataService Code: export class DataService { private data: string[] = []; addData(msg: string) { this.data.push(msg); } getData() { return this.data; } deleteMsg(msg: string) { delete [this.data.indexOf(msg)]; } } …

121 javascript  angular  typescript 

Quero usar o botão de opção em um formulário 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/> O valor inicial de model.options é 1 quando a página é carregada, o primeiro botão de opção …

120 forms  radio-button  angular 

Eu quero usar Chart.js no meu projeto Angular. Nas versões anteriores do Angular2, tenho feito isso bem usando um 'chart.loader.ts' que tem: export const { Chart } = require('chart.js'); Então, no código do componente, eu apenas import { Chart } from './chart.loader'; Mas depois de atualizar para cli 1.0.0 e …

120 angular  angular-cli 

Desejo adicionar alguns links em minha página Angular2, que quando clicados, irão pular para posições específicas dentro daquela página, como o que as hashtags normais fazem. Portanto, os links seriam algo como /users/123#userInfo /users/123#userPhoto /users/123#userLikes etc. Não acho que preciso de HashLocationStrategy, já que estou bem com a forma normal …

120 routing  angular  hashtag 

Se eu não adicionar privado antes foo, loadBare text, acredito que eles são públicos por padrão. export class RandomComponent { @Input() foo: string; @Output() loadBar = new EventEmitter(); text: string; } Existe algum caso de uso quando eles estão publicno componente? Por motivos de encapsulamento / segurança, devo sempre adicionar …

120 typescript  angular