javascript - AngularJS(ng-Click 并将任务添加到显示页面)

Question

我的待办事项列表有问题。我正在学习 AngularJS，但我不知道如何创建 ngClick 函数。当我按下“addTodo”按钮时，我想将整个表单发送到另一个页面，我将在其中显示任务。我需要在 ng-click 方法中添加什么，以及在 todos-data.js 中添加什么。这是我的代码:

tod​​os-data.js(这里，我可以手动添加任务。我想从表单添加任务)

app.factory('todos', function () { return [
  {
      'title': 'Randka z Julia', 'done': false, "type": { "name":
      "Personalne", "gico": "heart" }, 'estimates': 3, "date": "11/11/2015"
    },
    {
      'title': 'Silownia', 'done': false, "type": { "name":
      "Zdrowie", "gico": "tint" }, 'estimates': 2, "date": "12/11/2015"
    },
    {
      'title': 'AngularJS nastepne kroki', 'done': false, "type": { "name":
      "Nauka", "gico": "book" }, 'estimates': 4, "date": "14/11/2015"
    },
    {
      'title': 'Spotkanie z Janem', 'done': false, "type": { "name":
      "Biznes", "gico": "usd" }, 'estimates': 1, "date": "15/11/2015"
    },
    {
       'title': 'go runy go', 'done': false, "type": { "name":
       "Personalne", "gico": "heart" }, 'estimates': 6, "date": "16/05/2015"
    }
  ];
});

这是带有按钮的表单:

编辑.tpl.html

<div class="panel-body">
<form name="f" data-ng-submit="addTodo()">
  <label for="title">Nazwa:</label>
  <input class="form-control" id="title" name="newTodo" data-ng-model="formData.newTodo" required>
  <label for="type">Typ:</label>
  <select class="form-control" id="type" name="type" data-ng-model="formData.type" required>
    <option ng-repeat="value in categories" value="value.name">{{value.name}}</option>
  </select>
  <label for="estimates">Estymowany czas:</label>
  <select class="form-control" id="estimates" name="estimates" data-ng-model="formData.estimates" data-ng-options="value + 'h' for value in [] | rangeTime:9:true" >
  </select>
  <label for="text">Data:</label>
  <input class="form-control" id="text" type="text" data-ng-model="formData.date" data-ng-date-picker="" name="date" required readonly="readonly">
  <br />
  <button class="btn btn-success" data-ng-disabled="f.$invalid" ng-click="addTodo()">Dodaj  <span class="glyphicon glyphicon-ok"></span></button>
</form>

Answer 1

为此，您应该在该 Controller 中创建一个 Controller ，

var app = angular.module('myApp');
app.controller('myController', function($scope){
    $scope.addTodo = function(formData){
         $scope.items = formData;
    }
});

并且在您想要显示它的页面中，您可以使用“ng-repeat”。