实施AngularJS指令

Question

目前我已经开发了没有指令的angularJS应用程序。这工作正常，但现在我需要在另一个地方使用我的代码 - 因此我的代码因此我可以使用我的指令。

我的应用程序看起来与此类似：

My current application structure

<button type="button" ng-click="vm.buttonInDirectiveShouldInvokeControllerFunction()">First Testfunction</button>

不，我试图在这里使用指令：

My application with a directive - does not work

<button type="button" ng-click="vm.functionOfControllerShouldBeInvoked()">First Testfunction</button>

我现在的问题是，我不知道如何在我的指令中使用一些（例如15个） ng-click 属性，以便调用我的控制器中的不同函数。

非常感谢您的帮助！

Answer 1

您只需要pass your onTest through to the directive，就像这样：

<my-customer customer="naomi" on-test="onTest"></my-customer>

和

//...
scope: {
    customer: '=',
    onTest: '='
}, //...

或者，如果您想允许使用通用ng表达式：

<my-customer customer="naomi" on-test="onTest()"></my-customer>

和

//...
scope: {
    customer: '=',
    onTest: '&'
}, //...

工作小提琴：http://jsfiddle.net/8v9wf4ea/