如何在 Angularjs 中创建一个新实例？ CRUD 的保存方法不起作用

Question

当我尝试创建新任务时，没有任何反应，也没有发送任何请求。为什么？我该如何调试这个问题？

这里是 $scope.add 函数

 var app = angular.module('Tasks', ['ngResource', 'xeditable']);

  app.factory('Task', [
    '$resource', function($resource) {
      return $resource('/tasks/:id', {
        id: '@id'
      }, {
        update: {
          method: 'PUT'
        }
      });
    }
  ]);

  this.TasksCtrl = [
    '$scope', 'Task', function($scope, Task) {

      $scope.add = function() {
        var task;
        task = Task.create($scope.newTask);
        $scope.tasks.push(task);
        return $scope.newTask = {};
      };
  ];

这是我的 html 部分。

<div ng-controller='TasksCtrl' class='tasks-container'>
  <form ng-submit='add()'>
    <input type='text' ng-model='newTask.title'/>
    <button type='button' class='btn btn-default btn-sm'>
      <span class='glyphicon glyphicon-plus'></span> Add
    </button>
  </form>

Answer 1

您的表单有一个 ng-submit 指令，该指令在提交表单时被调用。但是您的表单上没有提交按钮（<button type='button'> 不提交表单）。改变这个：

<button type='submit' class='btn btn-default btn-sm'>

它应该可以工作。

如何在 Angularjs 中创建一个新实例？ CRUD 的保存方法不起作用

How to create a new instance in Angularjs? CRUD's save method doesn't work

javascript

ruby-on-rails

crud

angularjs