Обновить таблицу после ngResource (mongolabResource) save

Новое в JS framework, но есть Java, JQuery etc background. (Не похоже, что это помогает с Угловым.)Обновить таблицу после ngResource (mongolabResource) save

Я использую PKozlowski's отлично adapter для Angular и не знаю, как обновить UI (обычный ванильный стол), когда я сохраняю строку.

Понятно, что в таблице перечислены инвалиды, а после сохранения нового имени и электронной почты он должен обновить уже отображаемую таблицу.

Это в app.js:

app.controller('StudentCtrl', function($scope, Student){ 

     $scope.students = Student.query(); 

     $scope.addStudent = function() { 
      var name = $scope.newName; 
      var email = $scope.newEmail; 

      var newStudent = Student.save({name: name, email: email}); 
      $scope.newName = ''; 
      $scope.email = ''; 
     } 
});

Это мой HTML:

<body> 
<div id="mainContainer" ng-controller="StudentCtrl"> 
    <input type="search" id="studentSearchbox" ng-model="studentSearch"></input> 
    <div id="studentsList"> 
     <table> 
      <thead> 
       <tr> 
        <th>Student Name</th> 
        <th>Student Email</th> 
        <th>Student ID</th> 
       </tr> 
      </thead> 
      <tbody> 
        <tr ng-repeat="student in students | filter:studentSearch" ng-class-even="'even'" > 
         <td>{{student.name}}</td> 
         <td>{{student.email}}</td> 
         <td>{{student._id.$oid}} 
        </tr> 
      </tbody> 
     </table> 
     <hr /> 
     <div id="addStudentDiv"> 
      <h2>Add Student</h2> 
      <label ng-model="newStudent">{{newStudent.name}}</label> 
      <br /> 
      <input type="text" placeholder="Firstname-Lastname" ng-model="newName">Student Name</input> 
      <input type="email" placeholder="Email" ng-model="newEmail"></input> 
      <button type="button" ng-click="addStudent()">Submit</button> 
     </div> 
    </div> 
</div>

источник

2013-05-27 miamisoftware

Можете ли вы разместить свой HTML-код? – sh0ber

Отправленный HTML. Думаю, у меня может быть ответ. В коде JS я помещаю эту строку ниже var newStudent = $ scope.students.push (newStudent); Есть ли что-нибудь, что я могу изучить, чтобы изучить Javascript, чтобы лучше понять угловой? Я думал, что знаю JS, но это похоже только на JQuery и простые функции, довольно потерянные, когда я читаю некоторые угловые документы. – miamisoftware

Я думаю, что решение может быть: $ scope.students.push (newStudent); после Student.save, но не знаю, правильно ли это. – miamisoftware

Не уверен, что если это "угловой" путь, но мое решение было поставить этот

$scope.students.push(newStudent);

после

var newStudent = Student.save({name: name, email: email});

источник

2013-05-27 08:49:04 miamisoftware

Обновить таблицу после ngResource (mongolabResource) save

ответ

Смежные вопросы