AngularJS中自定义指令的使用--最后实现表格的CRUD

网上也有很多介绍自定义指令的文章了，在此处简单记录一下自己的使用过程，以及遇到的问题。本篇文章主要是记录我实现表格CRUD的过程，在这中间，简单使用了一下自定义指令，就简单带过一下。
在这里，我使用了Angularjs和jquery。
这是界面：

查询使用了angularjs中的过滤器。
很简单的一个功能，实现起来很方便。

点击【新增】和【修改】会分别弹出两个输入框，进行数据的录入和修改。
修改会将原来的数据带过来。
如图：

 
查询：
姓名
年龄
住址
{{x.name}}
{{x.age}}
{{x.city}}
新增 删除修改
姓名：
年龄：
住址：
确定取消
姓名：
年龄：
住址：
确定取消

最后我们来说说自定义指令：
在操作自定义指令的时候，需要用到很多参数，这里我就不再搬东西，点击这里学习自定义指令的参数介绍

app.directive("newDirective", function() {return function($scope) {/*删除该行*/$scope.del = function ($index) {if($index>=0){if(confirm("是否删除"+$scope.texts[$index].name) ){$scope.texts.splice($index,1);}}};$scope.obj = {};$scope.add = function ($index) {$(".addDiv").show(200);};}});

在这里，我直接返回了一个参数是（$scope）方法体，然后在里面再自己定义自己的方法。然后就和在JS中写方法一模一样了。当然了，我这儿没有设置restrict，因此默认为A（attr(当做标签属性来使用)）