Question

当我点击保存时出现问题标题错误＆＃34; TypeError：无法读取属性＆＃39; nombre＆＃39;未定义＆＃34;。我正在复制html和控制器js

<!DOCTYPE html>
<html ng-app>
  <head>
    <meta charset="utf-8">
      <link href="style.css" rel="stylesheet">
      <title>.: IceDreamApp :.</title>
  <body ng-controller="sueniosLista">
                <h1>Lista de sueños</h1>
                <div class="wrapper">
                    <div class="suenio-item" ng-repeat="suenio in suenios">
                        <div class="nombre"> {{suenio.nombre}} - {{suenio.suenioDescription}}</div>
                        <span class="estadoAnimo"> {{suenio.animo}}</span>
                    </div>
                </div>
                 <div class="wrapper">
                    <h2>Añadir sueño</h2>
                    Nombre: <input type="text" ng-model="sueniosLista.nombre"></input>
                    Que soñaste?: <input type="text" ng-model="sueniosLista.suenioDescription"></input>
                    Cual fue tu estado de ánimo?: <input type="text" ng-model="sueniosLista.animo"></input>
                    <button ng-click="Save()">Guardar</button>
                </div>
      <script src="angular.min.js" type="text/javascript"></script>
      <script src="scripts.js" type="text/javascript"></script>
  </body>
</html>

function sueniosLista ($scope){
    $scope.suenios= [
        {nombre: "Daniel Galan Romano", suenioDescription: "Soñe que me comia un tiburon que estaba re loco porque no sabia que mierda hacer porque estaba solo en altamar", animo: "miedoso"},{nombre: "Dante", suenioDescription: "Soñe que me comia un tiburon que estaba re loco porque no sabia que mierda hacer porque estaba solo en altamar", animo: "miedoso"}


    ];

    $scope.Save=function(){

        $scope.suenios.push({nombre:$scope.nuevoSuenio.nombre, suenioDescription:$scope.nuevoSuenio.suenioDescription, animo:$scope.nuevoSuenio.animo })
    }

}

Answer 1

在你的保存功能中有这一行：

$scope.suenios.push({
    nombre: $scope.nuevoSuenio.nombre,
    suenioDescription: $scope.nuevoSuenio.suenioDescription,
    animo: $scope.nuevoSuenio.animo
});

代码中没有定义nuevoSuenio作为模型。我认为您应该将其更改为sueniosLista，例如：

$scope.suenios.push({
    nombre: $scope.sueniosLista.nombre,
    suenioDescription: $scope.sueniosLista.suenioDescription,
    animo: $scope.sueniosLista.animo
});

TypeError：无法读取属性＆＃39; nombre＆＃39;未定义的

1 个答案: