Czy mogę uzyskać bezpośredni dostęp do modułu stałej z HTML pod AngularJS

Chcę używać kilku stałych bezpośrednio w html, a kilka razy w kontrolerach.Czy mogę uzyskać bezpośredni dostęp do modułu stałej z HTML pod AngularJS

Na przykład, jest to główny moduł aplikacji:

angular.module('website', []) 
.constant('ROUTES', (function() { 
    return { 
     SIGN_IN: '/sign/in' 
    } 
})()) 
.config([..., 'ROUTES', function(..., ROUTES { 
    $routeProvider.when(ROUTES.SIGN_IN, {templateUrl: 'pages/sign_in.html', controller:  'SignInController'}); 
}]);

Więc to jest jasne, w jaki sposób używać stałych z kontrolerów.

Ale jak można zrobić coś takiego:

<html ng-app="website"> 
<body> 
<a href="{{ROUTES.SIGN_IN}}">Sign in</a> 
</body> 
</html>

Chodzi o to, aby utrzymać wszystkie trasy w jednym miejscu. Więc, czy mogę to zrobić, czy może jestem wybrany niewłaściwie?

Źródło

2013-07-06 Sergei Panfilov

tylko dodać trasy do zakresu dolarów SignInController –

dziękuję dużo, to jest to, czego potrzebuję. –

IMHO lepszy sposób to zrobić, to użyć $rootScope w HTML każdy zakres dziedziczy od $ rootScope, więc jeśli zmienna nie jest obecny w bieżącym zakresie kątowym użytku zgłoszonemu w $ rootScope.

Dobry (IMHO) sposobem jest zainicjować to w run "Faza"

angular.module('myApp') 
    .run(function ($rootScope) { 
     $rootScope.ROUTES = ROUTES 
    });

Źródło

2013-07-06 17:36:18

Tak, to wygląda o wiele lepiej, dzięki –

Myślę, że to powinna być koncepcja, którą każdy próbuje zrozumieć, zanim zacznie pisać jakiekolwiek kontrolery. Nie wiem, ile razy pracowałem na kontrolerze z załadowanym do niego zasięgiem i rootkopem. – CarComp

Należy pamiętać, że wartość zdefiniowana w '$ rootScope' nie będzie dostępna bezpośrednio w dyrektywach z izolowanymi zakresami. W takich przypadkach możesz uzyskać tę wartość za pomocą '$ root.ROUTES' w widoku. – fracz

lubię też podejścia $ rootScope, ale mam w używane pewne sytuacje filtr.

Jako przykład uproszczony, przypuśćmy, że istnieje stała KONFIG zdefiniowana gdzieś jako obiekt z właściwością o nazwie BuildVersion. Można stworzyć coś takiego: filtr

angular.module('myApp') 
    .filter('interpolate', ['CONFIG', function (CONFIG) { 
     return function (text) { 
      return String(text).replace(/\%VERSION\%/mg, CONFIG.BuildVersion); 
     }; 
    }]);

aw HTML:

<html ng-app="website"> 
    <body> 
     <div>{{'%VERSION%' | interpolate}}</div> 
    </body> 
</html>

lub

<html ng-app="website"> 
    <body> 
     <div>{{'bla bla bla %VERSION%.' | interpolate}}</div> 
    </body> 
</html>

Źródło

2014-07-11 19:31:44 raul

Prawie to wykorzystałem, ponieważ było to znajome i jest to dobra odpowiedź, ale uważam, że zaakceptowana odpowiedź jest ogólnie lepsza. Przegłosowano oba. – VSO

Również możemy użyć pomocnika, podobny do ROR.

https://gist.github.com/merqlove/491023bcdd2145eef169#file-readme-md

Źródło

2014-08-14 10:10:19 merqlove

Nieco podobny do innych odpowiedzi, ale IMO czystsze:

angular.module('website') 
    .constant("ROUTES", { 
     SIGN_IN: "/sign/in" 
    }) 
    .run(function ($rootScope, ROUTES) { 
     $rootScope.ROUTES = ROUTES; 
    });

<a href="{{ROUTES.SIGN_IN}}">Sign in</a>

HTH

Źródło

2015-10-28 14:11:23 Nimo

To jest dobre podejście. Utrzymuje kod uruchomiony przy zachowaniu separacji od danych. –

Czy mogę uzyskać bezpośredni dostęp do modułu stałej z HTML pod AngularJS

Odpowiedz

Powiązane problemy