AngularJS控制器和模板封裝與Angular組件

Question

我在我的angularjs應用程序中有一個名為homeInside的狀態，它是控制器和模板（我正在使用路由）。 有很多元素，還有一個通過ng-click鏈接到doSomething的按鈕。 我還有另一種狀態，稱為homeOutside 。 這完全類似於第一個，但是doSomething要做另一個任務。

我不想重復任何東西。 如何使用一個控制器和模板來完成此操作？ 這是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”是要傳入的函數的部分

Answer 2

在Angular v1.x中，您必須制造工廠並將其注入到要進行相同操作的控制器中。 如果您需要工廠的例子，請給我。