javascript - Angularjs Controller 和模板封装与 Angular 组件

Question

我有一个名为 homeInside 的状态，它是我的 angularjs 应用程序中的 Controller 和模板(我正在使用路由)。有很多元素，还有一个带有 ng-click 链接到 doSomething 的按钮。我有另一个状态称为homeOutside。这与第一个完全相似，但是doSomething执行另一个任务。

我不想重复任何东西。我怎样才能用一个 Controller 和模板来做到这一点？这就是 Angular2 组件 在这种情况下发挥作用的原因(及其构造函数)吗？

任何想法都将受到高度赞赏。

编辑:

在第一种状态:

$scope.doSomething = function() {
    AuthService.logout();
}

在第二个中:

$scope.doSomething = function() {
    $state.go('dashboard');
}

所有其他部分都完全相同。

Answer 1

我建议创建一个自定义指令并传入 doSomething 的函数

创建指令时，您可以使用“&”符号将函数设置为指令参数

这是一个很好的例子，解释了用法 https://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-3-isolate-scope-and-function-parameters

请参阅“add”是传入函数的部分