Question

我是Angular.js的新手。我无法将数据保存在一个数组中。该数组位于名为controllers.js的文件中，数据来自index.html。这是一个小形式。

<html >
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">                
</head>

<body ng-app="miApp" ng-controller="alumnosCtrl">
    <h1>Cuardeno de alumnos</h1>
    <div ng-repeat="alumno in alumnos">
        <p>{{ alumno.nombre}} - {{ alumno.telefono}}</p>
        <p>{{ alumno.curso}}</p>
    </div> 
    <div>
        <h2>Añadir Contacto</h2>
        Nombre: <input type="text" ng-model="nuevoAlumno.alumno"/>
        Telefono: <input type="text" ng-model="nuevoAlumno.telefono" />
        Curso: <input type="text" ng-model="nuevoAlumno.curso" />
        <input type="button" value="Guardar" ng-click="guardar()" />
    </div>

    <script src="angular.js"></script>
    <script src="controllers.js"></script>
</body>

文件controller.js

angular.module('miApp',[])         
     .controller("alumnosCtrl", function ($scope) {                                        
                $scope.alumnos = [
                        {nombre: "Francisco Enrique", telefono: "606760428", curso: "Primero" },
                        {nombre: "Hector Merino", telefono: "6067441545", curso: "Segundo" },
                        {nombre: "Jonas Pacheco", telefono: "606458792", curso: "Tercero" }                
                ];                  
                $scope.guardar=function() {                            
                        $scope.alumnos.push({nombre: nuevoAlumno.alumno, telefono: nuevoAlumno.telefono, curso: nuevoAlumno.curso});                          
                                            };
});

新数据必须与其他数据一起出现。 Netbeans告诉我，var nuevoAlumno没有定义。

感谢。

Answer 1

Netbeans是正确的，你还没有在任何地方定义nuevoAlumno。

你需要这样做：

$scope.nuevoAlumno = 
{
  alumno : '',
  telefono : '',
  curso : ''
};

然后在guardar中，您需要更改对$scope.nuevoAlumno的引用。

保持数据不起作用的角度函数

1 个答案: