Perguntas com a marcação «angular»

Estou trabalhando em um aplicativo que tem várias funções e preciso usar guardas para bloquear a navegação em partes do aplicativo com base nessas funções. Sei que posso criar classes de guarda individuais para cada função, mas preferiria ter uma classe para a qual pudesse de alguma forma passar um …

102 angular  typescript  angular2-routing 

Não, esta não é uma pergunta duplicada. Veja, há uma tonelada de questões e problemas no SO e no Github que prescrevem que eu adicione essa diretiva a uma tag que tem [(ngModel)]diretiva e não está contida em um formulário. Se eu não adicionar, recebo um erro: ERROR Error: No …

102 javascript  angular 

Eu tenho um projeto mvc 5 com uma interface angular. Eu queria adicionar o roteamento conforme descrito neste tutorial https://angular.io/guide/router . Então no meu _Layout.cshtmleu adicionei um <base href="/"> e criei meu roteamento em meu app.module. Mas quando eu executo isso, recebo o seguinte erro: Error: Template parse errors: 'router-outlet' …

102 angular  typescript  asp.net-mvc-5  angular2-routing 

Minha equipe e eu recebemos financiamento para começar a desenvolver um aplicativo da web de nível empresarial (não entrarei em detalhes sobre o que ele faz). O aplicativo terá muitas páginas da web separadas, mas duas dessas páginas serão mais focadas e muito pesadas - pesadas como em muita interação …

101 asp.net  angular  reactjs  razor 

Não é possível vincular a 'ngModel' porque não é uma propriedade conhecida do elemento 'input' e não há diretivas correspondentes com uma propriedade correspondente Nota: estou 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 

Estou tentando testar a ligação bidirecional angular2 para controle input. Aqui está o erro: Can't bind to 'ngModel' since it isn't a known property of 'input'. O app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> O app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: …

101 testing  angular  angular-cli  angular2-testing 

Como eu teria vários casos em uma *ngIfdeclaração? Estou acostumado a Vue ou angular 1 com ter um if, else ife else, mas parece que Angular 4 tem apenas uma true( if) e false( elsecondição). De acordo com a documentação, só posso fazer: <ng-container *ngIf="foo === 1; then first else …

101 angular  templates  angular-ng-if 

Aqui é usado o pathmatch como completo e quando eu excluo este pathmatch ele nem carrega o aplicativo ou executa o projeto 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 

É possível enviar um formulário que não possui botão de envio (pressionando enter) exemplo: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

100 forms  angular  submit 

Estou lutando para encontrar uma maneira de fazer isso. Em um componente pai, o modelo descreve um tablee seu theadelemento, mas delega a renderização de tbodypara outro componente, como este: <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> Cada componente myResult renderiza …

100 javascript  angular 

Eu tenho um componente pai que vai para o servidor e busca um objeto: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => …

100 angular  dependency-injection  angular2-routing 

Como declarar uma variável de referência de modelo dinâmico dentro de um elemento?ngFor Eu quero usar o componente popover do ng-bootstrap, o código popover (com ligação Html) é como mostrado: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Como …

100 angular  ng-bootstrap  angular-template 

Estou tentando estilizar um elemento colocado pela saída do roteador em angular e quero ter certeza de que o elemento gerado terá uma largura de 100% Pela maioria das respostas, vejo que devo usar o ::ng-deepseletor, mas pelos documentos do Angular ele está sendo descontinuado. Existe uma alternativa para ::ng-deep?

100 html  css  angular 

Eu segui o tutorial . Depois de mudar app/maint.tsno capítulo Http, recebo o erro ao iniciar o aplicativo via linha de comando: app / main.ts (5,51): erro TS2307: Não é possível encontrar o módulo 'angular2-in-memory-web-api'. (Código do Visual Studio me dá o mesmo erro em main.ts - sublinhado ondulado em …

99 angular  import  angular-tour-of-heroes 

Estou experimentando o angular2 2.0.0-beta.0 Eu tenho uma tabela e o conteúdo da linha é gerado pelo angular2 desta forma: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Agora isso funciona e eu quero encapsular o conteúdo em um componente "linha de tabela". <table> <table-line *ngFor="#line of data" …

99 angular