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

Question

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

Here's how it looks

这是$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'>

它应该可以工作。