Angular Komponente relativ templateUrl

Question

Ich entwickle eine modulare winkelförmige Anwendung mit Ich definiert I Ordnerpfad (Konstante: BASE_PATH: "Pfad/zu/Ordner") in angular-Modul-1-Modul. Ich möchte diese Konstante in einer Winkelkomponente in einem anderen Modul (angular-module-2) meiner Anwendung wiederverwenden. Ich möchte diese Konstante viele Male in meinem Projekt verwenden.

module.component("relationshipSearch", { 
templateUrl: BASE_PATH +'/link/to/other/folder', 

Hexe ist der beste Weg, um diese Konstante als globale Variable sichtbar in alle Lösungsprojekt definieren Hier meine Projektstruktur ist:

project 
|-- angular-module-1 
| |-- angular-module-1.js 
| |-- angular-module-1.html 
|-- angular-module-2 
| |-- angular-module-2.js 
| |-- angular-module-2.html 

Answer 1

würde ich sagen, dass ein gemeinsames Modul als angular-common Namen erstellen, in dem Sie common Sachen wie gemeinsamen service platzieren können, factory, directive, constants usw.

dann die Konstante hinzufügen innen angular-common (dies wäre völlig unabhängig und steckbares) Modul. wie unten

//assuming `angular-common` is already defined 
angular.module('angular-common').constant('commmonSetting', { 
    'BASE_PATH': '/link/to/other/folder' 
}) 

Als nächstes dieses gemeinsame Modul in app injizieren (das Hauptmodul ist, geht in ng-app/bootstrap verwendet werden) wie unten

angular.module('app', ['angular-common', 'ngRoute', ...other dependencies..]) 

Wenn Sie BASE_PATH nur injizieren commmonSetting verwenden wollte Abhängigkeit in controller/component wo immer Sie wollen.

app.component('myComponent', { 
    templateUrl: function(commmonSetting){ 
    return commmonSetting.BASE_PATH +'/link/to/other/folder'; 
    }, 
    .... 
}) 

Answer 2

Vielleicht ein anderer Ansatz helfen könnte. Anstatt den Pfad festzulegen, suchen Sie nicht nur nach einer Datei im selben Verzeichnis.

Sie könnten require() verwenden, zum Beispiel:

template: require('./template-in-same-dir.html') 

Notiere die template nicht templateUrl.

Answer 3

Sorry, für mit einer akzeptierten Antwort auf einen alten Thread posten, aber ich wollte sagen, dass die akzeptierte Antwort nicht sicher ist Verkleinerungs. Die Verkleinerungs sichere Art und Weise zu schreiben ist: zu teilen/Weiterverwendung Konstante zwischen dem anderen Modul des Winkel Anwendung

app.component('myComponent', { 
    templateUrl: function($injector){ 
    var commmonSetting = $injector.get('namespace.CommmonSetting'); 
    return commmonSetting.BASE_PATH +'/link/to/other/folder'; 
    }, 
    .... 
});