1.点击按钮,注册事件 index.html
<div class="nav_right">
<!--监听表单提交-->
<form action="#" ng-submit="add()">
<input type="text" placeholder="请输入内容...">
<input type="submit" value="添加">
<!--<input type="submit" value="添加" ng-click="add(">-->
</form>
</div>
2.控制器中添加add()方法
//定义add方法
$scope.add = function () {
//alert('添加');
//alert($scope.task);
//获取表单内容
var newTask = {name:$scope.task, checked:false}
$scope.taskList.push(newTask);
}
3.表单添加属性 ng-model="task"
<!--监听表单提交-->
<form action="#" ng-submit="add()">
<!--ng-model="task" 相当于给模型添加一个属性 $scope.task = '123';-->
<input type="text" placeholder="请输入内容..." ng-model="task">
<input type="submit" value="添加">
<!--<input type="submit" value="添加" ng-click="add(">-->
</form>
4.阻止事件默认行为, 否则第一次添加不上
e.preventDefault();