Pesquisar na Comunidade

Mostrando resultados para as tags ''angular2''.

Encontrado 3 registros

Ordenar Por
- Data
- Relevância

No provider for ControlContainer AngularJS2

uma questão postou rik2323 Ajax, JavaScript, XML, DOM

Eu estou fazendo um trabalho e eu não estou saindo deste erro 2 dias atrás eu estarei postando o código html e TypeScript. Código index <html> <head> <base href="/angular-21-menu-busca-alteracao-inclusao-remocao-selecao-inc/"> <title>Angular 2</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="app/css/bootstrap.css"> <link rel="stylesheet" href="app/css/site.css">   <script src="node_modules/core-js/client/shim.min.js"></script> <script src="node_modules/zone.js/dist/zone.js"></script> <script src="node_modules/reflect-metadata/Reflect.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script>  <script src="systemjs.config.js"></script> <script src="app/js/jquery-1.12.4.js"></script> <script src="app/js/bootstrap.js"></script> <script src="app/js/script.js"></script> <script src="app/js/web-animations.min.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> </head>  <body> <angular-app>Loading...</angular-app> </body> </html> Código html dá página que dá erro <h2 class="text-center">Cadastro de Clientes</h2>  <h4 id="mensagem" class="text-center" [style.color]="getCor()" [style.visibility]="getVisibilidade()">{{mensagem}}</h4>  <div class="container"> <div class="row"> <div class="col-xs-12"> <div *ngIf="aluno"> <div class="media-list"> <div class="row"> <div class="col-xs-12"> <div class="media"> <div class="media-body"> <form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> <fieldset [disabled]="isDesabilitado"> <legend>Inf. Básicas</legend> <div class="form-group form-group-sm"> <label class="col-sm-2 control-label" for="nome">Nome</label> <div class="col-sm-9"> <input type="text" id="nome" [ngClass]="{'form-control': true, 'input-sm': true, 'submitted': submitted}" > </div> <div class="col-sm-9 col-sm-offset-2"> <div *ngIf="formErrors.nome && submitted" class="alert alert-danger"> {{ formErrors.nome }} </div> </div> <div class="col-sm-1"></div> </div>  </fieldset> </form> </div> </div> </div> </div> </div> <div class="wrapper">  <button *ngIf="exibirEditar" class="btn btn-primary" (click)="editavel()"> <span class="glyphicon glyphicon-edit"></span> Editar </button> <button *ngIf="exibirAlterar" [disabled]="!f.valid" class="btn btn-primary" (click)="alterar(aluno)"> <span class="glyphicon glyphicon-save"></span> Alterar </button> <button *ngIf="exibirCadastrar" [disabled]="!usuarioGroup.valid" class="btn btn-primary" (click)="cadastrar(aluno)"> <span class="glyphicon glyphicon-save"></span> Salvar </button>  <button class="btn btn-warning" (click)="voltar()"> <span class="glyphicon glyphicon-backward"></span> Voltar </button> </div> <br/> <br/> <br/> </div> </div> </div> </div> Código TS da Mesma Página import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, Params } from '@angular/router'; import { AlunoService } from './aluno.service'; import { Aluno } from './aluno'; import { Router } from '@angular/router'; import {FormBuilder, FormGroup, Validators} from "@angular/forms"; import {AutoValida} from "./auto.valida"; interface UsuarioForm { nome: string, sexo: string, endereco: string, bairro: string, cidade: string, estado: string, sus: string, } @Component({ selector: 'exibir-aluno', templateUrl: 'app/partials/exibir-aluno.component.html', styleUrls: ['app/css/exibir-aluno.css'] }) export class ExibirAlunoComponent implements OnInit{ usuarioForm: UsuarioForm = {nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '',}; usuarioGroup: FormGroup; alunos: Aluno[]; aluno: Aluno = null; isDesabilitado: boolean = true; // Adicionar campos aqui! exibirEditar: boolean = true; exibirAlterar: boolean = false; mensagem: string = "Esta mensagem será alterada ao exibir!"; visibilidade: string = "hidden"; cor: string = "blue"; exibirCadastrar: boolean = false; constructor(private fb: FormBuilder, private alunoService:AlunoService, private route:ActivatedRoute, private router: Router) { } ngOnInit():void { this.buildForm(); console.log('executando ngOninit de ExibirAlunoComponent'); let id = +this.route.snapshot.params['id']; console.log('id = ', id); // id = NaN if (isNaN(id)) { this.novo(); } else { this.alunoService.getAluno(id) .subscribe( data => { this.aluno = data; }, err => { this.mensagem = "Aluno NÃO encontrado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } } novo() { this.isDesabilitado = false; this.exibirEditar = false; this.exibirCadastrar = true; this.exibirAlterar = false; this.visibilidade = "hidden"; this.aluno = { id: null, nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '', } } editavel() { this.isDesabilitado = false; this.exibirEditar = false; this.exibirAlterar = true; this.visibilidade = "hidden"; this.exibirCadastrar = false; } salvo() { this.isDesabilitado = true; this.exibirEditar = true; this.exibirAlterar = false; this.exibirCadastrar = false; } cadastrar(aluno: Aluno) { this.salvo(); this.alunoService.cadastrar(aluno) .subscribe( resposta => { console.log (resposta); this.mensagem = "Aluno cadastrado com sucesso!"; this.cor = "blue"; this.visibilidade = "visible"; }, err => { this.mensagem = "Aluno NÃO cadastrado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } alterar(aluno: Aluno) { this.salvo(); this.alunoService.atualizar(aluno) .subscribe( resposta => { console.log (resposta); this.mensagem = "Aluno alterado com sucesso!"; this.cor = "blue"; this.visibilidade = "visible"; }, err => { this.mensagem = "Aluno NÃO alterado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } voltar(): void { let link = ['/alunos/exibirtodos']; this.router.navigate(link); } getVisibilidade() { return this.visibilidade; } getCor() { return this.cor; } buildForm(): void { this.usuarioGroup = this.fb.group({ 'nome': [this.usuarioForm.nome, [Validators.required, AutoValida.validaNome]], 'sexo': [this.usuarioForm.sexo, [Validators.required]], 'sus': [this.usuarioForm.sus, [Validators.required]], 'endereco': [this.usuarioForm.endereco, [Validators.required]], 'bairro': [this.usuarioForm.bairro, [Validators.required]], 'cidade': [this.usuarioForm.cidade, [Validators.required]], 'estado': [this.usuarioForm.estado, [Validators.required]] }); } formErrors = { nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '', } submitted: boolean = false; onSubmit(){ this.submitted = true; if (!this.usuarioGroup.valid){ return; } } } Erro Can't bind to 'formGroup' since it isn't a known property of 'form'. (" <div class="media-body"> <form class="form-horizontal" [ERROR ->][formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> "): ExibirAlunoComponent@14:57 No provider for ControlContainer (" <div class="media-body"> [ERROR ->]<form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGrou"): ExibirAlunoComponent@14:27 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'. (" <div class="media-body"> <form class="form-horizontal" [ERROR ->][formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> "): ExibirAlunoComponent@14:57 No provider for ControlContainer (" <div class="media-body"> [ERROR ->]<form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGrou"): ExibirAlunoComponent@14:27 Eu tentei de várias maneiras que veio da minha cabeça, mas eu não tive sucesso. Muito obrigado antecipadamente
- Janeiro 8, 2017
- 1 resposta
- - angular2
  - html5
  - (e %d mais)
    Tags:
    
    angular2
    
    html5
    
    webstorm
    
    angularjs
No provider for ControlContainer AngularJS2

uma questão postou rik2323 Ajax, JavaScript, XML, DOM

Eu estou fazendo um trabalho e eu não estou saindo deste erro 2 dias atrás eu estarei postando o código html e TypeScript. Código index <html> <head> <base href="/angular-21-menu-busca-alteracao-inclusao-remocao-selecao-inc/"> <title>Angular 2</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="app/css/bootstrap.css"> <link rel="stylesheet" href="app/css/site.css">   <script src="node_modules/core-js/client/shim.min.js"></script> <script src="node_modules/zone.js/dist/zone.js"></script> <script src="node_modules/reflect-metadata/Reflect.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script>  <script src="systemjs.config.js"></script> <script src="app/js/jquery-1.12.4.js"></script> <script src="app/js/bootstrap.js"></script> <script src="app/js/script.js"></script> <script src="app/js/web-animations.min.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> </head>  <body> <angular-app>Loading...</angular-app> </body> </html> Código html dá página que dá erro <h2 class="text-center">Cadastro de Clientes</h2>  <h4 id="mensagem" class="text-center" [style.color]="getCor()" [style.visibility]="getVisibilidade()">{{mensagem}}</h4>  <div class="container"> <div class="row"> <div class="col-xs-12"> <div *ngIf="aluno"> <div class="media-list"> <div class="row"> <div class="col-xs-12"> <div class="media"> <div class="media-body"> <form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> <fieldset [disabled]="isDesabilitado"> <legend>Inf. Básicas</legend> <div class="form-group form-group-sm"> <label class="col-sm-2 control-label" for="nome">Nome</label> <div class="col-sm-9"> <input type="text" id="nome" [ngClass]="{'form-control': true, 'input-sm': true, 'submitted': submitted}" > </div> <div class="col-sm-9 col-sm-offset-2"> <div *ngIf="formErrors.nome && submitted" class="alert alert-danger"> {{ formErrors.nome }} </div> </div> <div class="col-sm-1"></div> </div>  </fieldset> </form> </div> </div> </div> </div> </div> <div class="wrapper">  <button *ngIf="exibirEditar" class="btn btn-primary" (click)="editavel()"> <span class="glyphicon glyphicon-edit"></span> Editar </button> <button *ngIf="exibirAlterar" [disabled]="!f.valid" class="btn btn-primary" (click)="alterar(aluno)"> <span class="glyphicon glyphicon-save"></span> Alterar </button> <button *ngIf="exibirCadastrar" [disabled]="!usuarioGroup.valid" class="btn btn-primary" (click)="cadastrar(aluno)"> <span class="glyphicon glyphicon-save"></span> Salvar </button>  <button class="btn btn-warning" (click)="voltar()"> <span class="glyphicon glyphicon-backward"></span> Voltar </button> </div> <br/> <br/> <br/> </div> </div> </div> </div> Código TS da Mesma Página import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, Params } from '@angular/router'; import { AlunoService } from './aluno.service'; import { Aluno } from './aluno'; import { Router } from '@angular/router'; import {FormBuilder, FormGroup, Validators} from "@angular/forms"; import {AutoValida} from "./auto.valida"; interface UsuarioForm { nome: string, sexo: string, endereco: string, bairro: string, cidade: string, estado: string, sus: string, } @Component({ selector: 'exibir-aluno', templateUrl: 'app/partials/exibir-aluno.component.html', styleUrls: ['app/css/exibir-aluno.css'] }) export class ExibirAlunoComponent implements OnInit{ usuarioForm: UsuarioForm = {nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '',}; usuarioGroup: FormGroup; alunos: Aluno[]; aluno: Aluno = null; isDesabilitado: boolean = true; // Adicionar campos aqui! exibirEditar: boolean = true; exibirAlterar: boolean = false; mensagem: string = "Esta mensagem será alterada ao exibir!"; visibilidade: string = "hidden"; cor: string = "blue"; exibirCadastrar: boolean = false; constructor(private fb: FormBuilder, private alunoService:AlunoService, private route:ActivatedRoute, private router: Router) { } ngOnInit():void { this.buildForm(); console.log('executando ngOninit de ExibirAlunoComponent'); let id = +this.route.snapshot.params['id']; console.log('id = ', id); // id = NaN if (isNaN(id)) { this.novo(); } else { this.alunoService.getAluno(id) .subscribe( data => { this.aluno = data; }, err => { this.mensagem = "Aluno NÃO encontrado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } } novo() { this.isDesabilitado = false; this.exibirEditar = false; this.exibirCadastrar = true; this.exibirAlterar = false; this.visibilidade = "hidden"; this.aluno = { id: null, nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '', } } editavel() { this.isDesabilitado = false; this.exibirEditar = false; this.exibirAlterar = true; this.visibilidade = "hidden"; this.exibirCadastrar = false; } salvo() { this.isDesabilitado = true; this.exibirEditar = true; this.exibirAlterar = false; this.exibirCadastrar = false; } cadastrar(aluno: Aluno) { this.salvo(); this.alunoService.cadastrar(aluno) .subscribe( resposta => { console.log (resposta); this.mensagem = "Aluno cadastrado com sucesso!"; this.cor = "blue"; this.visibilidade = "visible"; }, err => { this.mensagem = "Aluno NÃO cadastrado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } alterar(aluno: Aluno) { this.salvo(); this.alunoService.atualizar(aluno) .subscribe( resposta => { console.log (resposta); this.mensagem = "Aluno alterado com sucesso!"; this.cor = "blue"; this.visibilidade = "visible"; }, err => { this.mensagem = "Aluno NÃO alterado! Status:" + err.status; this.cor = "red"; this.visibilidade = "visible"; } ); } voltar(): void { let link = ['/alunos/exibirtodos']; this.router.navigate(link); } getVisibilidade() { return this.visibilidade; } getCor() { return this.cor; } buildForm(): void { this.usuarioGroup = this.fb.group({ 'nome': [this.usuarioForm.nome, [Validators.required, AutoValida.validaNome]], 'sexo': [this.usuarioForm.sexo, [Validators.required]], 'sus': [this.usuarioForm.sus, [Validators.required]], 'endereco': [this.usuarioForm.endereco, [Validators.required]], 'bairro': [this.usuarioForm.bairro, [Validators.required]], 'cidade': [this.usuarioForm.cidade, [Validators.required]], 'estado': [this.usuarioForm.estado, [Validators.required]] }); } formErrors = { nome: '', sexo: '', endereco: '', bairro: '', cidade: '', estado: '', sus: '', } submitted: boolean = false; onSubmit(){ this.submitted = true; if (!this.usuarioGroup.valid){ return; } } } Erro Can't bind to 'formGroup' since it isn't a known property of 'form'. (" <div class="media-body"> <form class="form-horizontal" [ERROR ->][formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> "): ExibirAlunoComponent@14:57 No provider for ControlContainer (" <div class="media-body"> [ERROR ->]<form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup"): ExibirAlunoComponent@14:27 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'. (" <div class="media-body"> <form class="form-horizontal" [ERROR ->][formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGroup.valid)" novalidate> "): ExibirAlunoComponent@14:57 No provider for ControlContainer (" <div class="media-body"> [ERROR ->]<form class="form-horizontal" [formGroup]="usuarioGroup" role="form" (ngSubmit)="onSubmit(usuarioGrou"): ExibirAlunoComponent@14:27 Eu tentei de várias maneiras que veio da minha cabeça, mas eu não tive sucesso. Muito obrigado antecipadamente
- Janeiro 8, 2017
- - angular2
  - html5
  - (e %d mais)
    Tags:
    
    angular2
    
    html5
    
    webstorm
    
    angularjs
angular2 ANGULAR2 - AJUDA URGENTE

uma questão postou thiagopaiva21 Ajax, JavaScript, XML, DOM

Galera, estou com o seguinte erro no meu template: Type PaginatePipe is part of the declarations of 2 modules: Eu estou fazendo o import do pipe PaginatePipe em 2 modulos, o que eu achava que iria funcionar normalmente, porém não funcionou, alguém sabe o que está ocorrendo? Obrigado desde já!
- Dezembro 14, 2016
- - typescript
  - angular
  - (e %d mais)
    Tags:
    
    typescript
    
    angular
    
    web
    
    ts
    
    js
    
    jquery

Entrar

Pesquisar na Comunidade

Pesquisar por Tags

Pesquisar por Autor

Tipo de Conteúdo

Fóruns

Encontrar resultados em...

Encontrar resultados que...

Data de Criação

Início

FIM

Data de Atualização

Início

FIM

Filtrar pelo número de...

Com o mínimo de comentários

Com o mínimo de respostas

Com o mínimo de visualizações

Data de Registro

Início

FIM

Grupo

AIM

MSN

Website URL

ICQ

Yahoo

Jabber

Skype

Location

Interests

No provider for ControlContainer AngularJS2

No provider for ControlContainer AngularJS2

angular2 ANGULAR2 - AJUDA URGENTE

Navegação

Atividades