jak ponownie wykorzystać funkcję w wielu kontrolerów

Question

Mam wiele kontrolerów dla wielu trasach:

app.controller('FirstController', function ($scope) { 
    $scope.func = function() { 
    console.log('route 1'); 
    } 
} 
app.controller('SecondController', function ($scope) { 
    $scope.func = function() { 
    console.log('route 2'); 
    } 
} 
... 

i dyrektywy, która wykorzystuje $scope.func, w ten sposób:

app.directive('thedirective', function() { 
    return { 
    link: function (scope, $element, attrs) { 
     $scope.func(attrs.thedirective); 
    } 
    } 
}); 

$scope.func jest inna w każdym kontrolerze . Oczekuję, że $ scope.func zarejestruje "trasę 1", gdy będziemy w trasie1, a FirstController jest bieżącym kontrolerem i loguje się "route 2" w trasie 2, ale tylko "rout 1" jest tym, co dostaję w konsoli. czy możesz mi powiedzieć, dlaczego zmiana trasy nie zmienia zakresu dyrektywy?

Answer 1

Pojedyncze Zakres było to, że używane do ponownego wykorzystania funkcji, który jest zdefiniowany w inny sposób jest wiele sterowników.
według docs, kiedy izolować zakresu dyrektyw, takich jak:

scope: { 
    myIsolatedFunc: '=' 
} 

kątowa będzie patrzeć obecnego zakresu nieruchomości w nazwie jako wartość myIsolatedFunc własności elementu. co oznacza, że:

jeśli funkcja o nazwie $scope.func1 i element zdefiniowany jako:

<div myIsolatedFunc="func1"> 

aw innym trasie z innego regulatora funkcja jak $scope.func2 wraz z elementem zdefiniowany jako:

<div myIsolatedFunc="func2"> 

można używać obu funkcji w dyrektywie:

app.directive('thedirective', function() { 
    return { 
    scope: { 
     myIsolatedFunc: '=' 
    }, 
    link: function (scope, $element, attrs) { 
     $scope.myIsolatedFunc(attrs.thedirective); 
    } 
    } 
}); 

nie wspominając już o tym, że nie ma potrzeby posiadania różnych nazw dla różnych funkcji.

Answer 2

W AngularJS, jeśli funkcja jest używana w kontrolerach.

Najlepsze praktyki to usługa lub fabryka, które zostaną wprowadzone do sterownika.

app.factory('commonService', function ($scope) { 
    var obj= {}; 
     obj.func = function() { 
     console.log('route 1'); 
     } 
    obj.func1 = function() { 
     console.log('route 2'); 
     } 
    return obj; 
    } 
    app.controller('FirstController', function ($scope,commonService) { 
     console.log('route 1' + commonService.func()); 
    } 
    app.controller('SecondController', function ($scope,commonService) { 
     console.log('route 2' + commonService.func1()); 
    } 

A kiedy mówimy o dyrektywie, zakres dyrektywy będzie z jednym kontrolerem albo kontrolerem dyrektywy lub kontrolerem zewnętrznym, które zdefiniowaliśmy.

<div ng-controller="firstController"> 
<your-directive /> 
</div> 

<div ng-controller="secondController"> 
<your-directive /> 
</div>