title: How to get Angular to have a click event bring part of the dom with it to the function?
body: <p>I am creating a small practice to-do list app with Angular. I have created a form for creating new tasks and they are updating fine. I have a button generate for every task that is titled "remove". I'd like to make the button remove specifically that task from the todo list. Here's the html code:</p>
  
  <pre><code>&lt;div ng-controller="todoListController"&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="task in taskList"&gt;
              &lt;p&gt;
                  {{task.name}}: {{task.description}}
                  &lt;button ng-click="killtodo()"&gt; Remove &lt;/button&gt;
              &lt;/p&gt;
          &lt;/li&gt;
          &lt;hr&gt;
          &lt;h3&gt; Display: &lt;/h3&gt;
          &lt;li&gt;
              &lt;p&gt;
                  {{task}}: {{taskDescription}}
              &lt;p&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;hr&gt;
      &lt;form ng-submit="addto()"&gt;
          &lt;input type="text" ng-model="task" placeholder="Enter a task name."&gt;
          &lt;input type="text" ng-model="taskDescription" placeholder="Enter the description."&gt;
          &lt;input class="btn-primary" type="submit" value="add"&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript code:</p>
  
  <pre><code>function todoListController($scope) {
  $scope.taskList = [
  {"name": "Task List",
   "description": "Make a Task List."}
  ];
  
  $scope.addto = function() {
      $scope.taskList.push({name:$scope.task, description:$scope.taskDescription});
      $scope.task = '';
      $scope.taskDescription = '';
  };
  
  $scope.killtodo = function(name) {
  };
  </code></pre>
  
  <p>}</p>
  
  <p>Any suggestions would be great, thanks.</p>