Skip to main content
adicionou 57 caracteres ao conteúdo
Fonte Link
celsomtrindade
  • 8,2mil
  • 3
  • 37
  • 70

Olá!

No form do htmlhtml eu faço o seguinte:

<div class="container jumbotron" ng-controller="crudCtrl">
 
   <form role="form">
       <div class="form-group">
           <label for="nome">Nome:</label>
           <input type="text" class="form-control" ng-model="nome" id="">
       </div>
       <div class="form-group">
           <label for="sexo">Sexo:</label>
           <input type="text" class="form-control" ng-model="sexo" id="sexo">
       </div>
       <div class="form-group">
           <label for="data">Data Nascimento:</label>
           <input type="text" class="form-control" ng-model="dataNascimento" id="data">
       </div>
       <div class="form-group">
           <label for="pais">País:</label>
           <input type="text" class="form-control" ng-model="pais" id="pais">
       </div>
       <button class="btn btn-default"  ng-click="Cadastrar()">Salvar</button>
   </form>
</div>
  

E no angular o seguinte:

var app = angular.module("crud", []);
app.controller("crudCtrl", function ($scope) {
    $scope.Cadastrar  = function(data) {
        $scope.MostrarTabela = true;

        $scope.nome = data.nome;
        $scope.sexo = data.sexo;
        $scope.datanasc = data.dataNascimento;
        $scope.pais = data.pais;
    } 
});

estáEstá errado o jeito que estou enviando os dados para o controllercontroller?

Pois apresenta o seguinte erro:

"Cannot read property 'nome' of undefined"

Cannot read property 'nome' of undefined

Olá!

No form do html eu faço o seguinte:

<div class="container jumbotron" ng-controller="crudCtrl">
 
   <form role="form">
       <div class="form-group">
           <label for="nome">Nome:</label>
           <input type="text" class="form-control" ng-model="nome" id="">
       </div>
       <div class="form-group">
           <label for="sexo">Sexo:</label>
           <input type="text" class="form-control" ng-model="sexo" id="sexo">
       </div>
       <div class="form-group">
           <label for="data">Data Nascimento:</label>
           <input type="text" class="form-control" ng-model="dataNascimento" id="data">
       </div>
       <div class="form-group">
           <label for="pais">País:</label>
           <input type="text" class="form-control" ng-model="pais" id="pais">
       </div>
       <button class="btn btn-default"  ng-click="Cadastrar()">Salvar</button>
   </form>
 

E no angular o seguinte:

var app = angular.module("crud", []);
app.controller("crudCtrl", function ($scope) {
$scope.Cadastrar  = function(data) {
    $scope.MostrarTabela = true;

    $scope.nome = data.nome;
    $scope.sexo = data.sexo;
    $scope.datanasc = data.dataNascimento;
    $scope.pais = data.pais;
}});

está errado o jeito que estou enviando os dados para o controller?

erro:

"Cannot read property 'nome' of undefined"

Olá!

No form do html eu faço o seguinte:

<div class="container jumbotron" ng-controller="crudCtrl">
   <form role="form">
       <div class="form-group">
           <label for="nome">Nome:</label>
           <input type="text" class="form-control" ng-model="nome" id="">
       </div>
       <div class="form-group">
           <label for="sexo">Sexo:</label>
           <input type="text" class="form-control" ng-model="sexo" id="sexo">
       </div>
       <div class="form-group">
           <label for="data">Data Nascimento:</label>
           <input type="text" class="form-control" ng-model="dataNascimento" id="data">
       </div>
       <div class="form-group">
           <label for="pais">País:</label>
           <input type="text" class="form-control" ng-model="pais" id="pais">
       </div>
       <button class="btn btn-default"  ng-click="Cadastrar()">Salvar</button>
   </form>
</div>
 

E no angular o seguinte:

var app = angular.module("crud", []);
app.controller("crudCtrl", function ($scope) {
    $scope.Cadastrar  = function(data) {
        $scope.MostrarTabela = true;

        $scope.nome = data.nome;
        $scope.sexo = data.sexo;
        $scope.datanasc = data.dataNascimento;
        $scope.pais = data.pais;
    } 
});

Está errado o jeito que estou enviando os dados para o controller?

Pois apresenta o seguinte erro:

Cannot read property 'nome' of undefined

Fonte Link
novato
  • 515
  • 7
  • 25

Enviar dados pelo Angular

Olá!

No form do html eu faço o seguinte:

<div class="container jumbotron" ng-controller="crudCtrl">

   <form role="form">
       <div class="form-group">
           <label for="nome">Nome:</label>
           <input type="text" class="form-control" ng-model="nome" id="">
       </div>
       <div class="form-group">
           <label for="sexo">Sexo:</label>
           <input type="text" class="form-control" ng-model="sexo" id="sexo">
       </div>
       <div class="form-group">
           <label for="data">Data Nascimento:</label>
           <input type="text" class="form-control" ng-model="dataNascimento" id="data">
       </div>
       <div class="form-group">
           <label for="pais">País:</label>
           <input type="text" class="form-control" ng-model="pais" id="pais">
       </div>
       <button class="btn btn-default"  ng-click="Cadastrar()">Salvar</button>
   </form>

E no angular o seguinte:

var app = angular.module("crud", []);
app.controller("crudCtrl", function ($scope) {
$scope.Cadastrar  = function(data) {
    $scope.MostrarTabela = true;

    $scope.nome = data.nome;
    $scope.sexo = data.sexo;
    $scope.datanasc = data.dataNascimento;
    $scope.pais = data.pais;
}});

está errado o jeito que estou enviando os dados para o controller?

erro:

"Cannot read property 'nome' of undefined"