Javascript 可重用按钮指令不工作

嗨，可重复使用的按钮指令不工作

在这里，我创建了可重用的按钮指令，在下面的代码中，静态按钮工作，但动态（指令）按钮不工作。请检查下面的代码

谢谢你的帮助

var-app=angular.module（'testApp'，[]）；
app.directive（'telSavebutton'，function（）{
返回{
限制：'E'，
模板：“指令按钮”，
是的，
范围：{
onSubmit:“&”，
likeClick:“&”
},
链接：功能（范围、元素、属性）{
scope.submit=函数（）{
scope.onSubmit（）；
}
}
}
});  
app.controller（'testCntler'，['$scope'，'$location'，函数（$scope，$location）{
$scope.testcontroller=function（）
{
警报（“工作”）
}
}]);

名字
中间名
姓
静态按钮
更改指令中的ng click=“testcontroller（）”：

template: '<button type="submit" ng-click="onFormSubmit()" >directive button</button>'

您的问题是
telSavebutton
指令具有隔离作用域，但您正在该指令的模板中使用函数
testcontroller（）
，该模板位于控制器的作用域中

首先修改模板以修复此问题：

template: '<button type="submit" ng-click="submit()" >directive button</button>',

模板：“指令按钮”，

通过将函数作为指令实例的属性传入：

<tel-savebutton on-submit="testcontroller"></tel-savebutton></td>

酷！角度指令一开始确实很难学，但经过一些经验之后，它们将成为第二天性。我特别觉得这很有帮助
template: '<button type="submit" ng-click="submit()" >directive button</button>',

<tel-savebutton on-submit="testcontroller"></tel-savebutton></td>