2016-03-29 13 views
0

Ich versuche eine eckige App zu erstellen, damit ich paginierte Seiten auf meiner Site sortieren kann, aber mir ein paar Probleme bereitet.

Problem/Problematische-Code

Ich brauche die interpolateProvider, zu ändern, aber nicht wirklich herausfinden, wie es einzufügen. Mein aktuelles Framework führt seine eigene serverseitige Sprache, wobei {{ html }} für seine eigene Sprache reserviert ist, also habe ich nach Angulars Beispiel den Code {{ html }} in [[ html ]] getauscht.

Angular ($ interpolateProvider); Swap

Ich habe dies umgesetzt direkt nach meiner app var

var app = angular.module('myApp', []); 

app.config(['$interpolateProvider', function($interpolateProvider) { 
    $interpolateProvider.startSymbol('[['); 
    $interpolateProvider.endSymbol(']]'); 
}]); 

Ausgaben/Versuchte Lösungen

definieren, hier ist das Problem, das ich in laufen lasse, meine Website ist das Lesen der HTML bevor dieser interpolateProvider geändert wird und somit eine Hand voller Fehler wirft. Einige Dinge habe ich versucht, dies zu beheben:

• Bewegt $iP Funktion in die <head> allein, direkt nach dem Angular.JS CDN. Ich glaube nicht, dass dies funktioniert, da es meine App definiert vor dem Austausch der $iP benötigt.

• JS vor Angular-Datei in meiner App-Funktionen enthalten, offensichtlich, warum diese nicht

• die $iP in meinem Hauptfunktionen JS inklusive funktionierten, enthalten in Vorlage direkt nach Angular


Beobachtungen

Es scheint, dass es die Richtlinie meiner App einfach nicht definieren kann, aber ich denke, dass dies Teil einer Reihe von Fehlern sein kann. Ich habe den Code läuft perfekt in einem [JSFiddle] aber kann nicht den Erfolg innerhalb meiner Website wiederholen.

Dies ist der Fehler meiner Seite wirft:

Error: Unknown provider: aProvider <- a at Error (native) at https://code.angularjs.org/1.0.0/angular-1.0.0.js:2627:15 at Object.getService [as get] (https://code.angularjs.org/1.0.0/angular-1.0.0.js:2755:39) at https://code.angularjs.org/1.0.0/angular-1.0.0.js:2632:45 at getService (https://code.angularjs.org/1.0.0/angular-1.0.0.js:2755:39) at invoke (https://code.angularjs.org/1.0.0/angular-1.0.0.js:2773:13) at Object.instantiate (https://code.angularjs.org/1.0.0/angular-1.0.0.js:2805:23) at https://code.angularjs.org/1.0.0/angular-1.0.0.js:4619:24 at https://code.angularjs.org/1.0.0/angular-1.0.0.js:4200:17 at forEach (https://code.angularjs.org/1.0.0/angular-1.0.0.js:117:20)(anonymous function) @ angular-1.0.0.js:5525(anonymous function) @ angular-1.0.0.js:4659Scope.$apply @ angular-1.0.0.js:7851(anonymous function) @ angular-1.0.0.js:930invoke @ angular-1.0.0.js:2788bootstrap @ angular-1.0.0.js:928angularInit @ angular-1.0.0.js:904(anonymous function) @ angular-1.0.0.js:14322j @ jquery.min.js:2k.fireWith @ jquery.min.js:2n.extend.ready @ jquery.min.js:2K @ jquery.min.js:2 multi:640 Object

Vielen Dank für jede und alle alle helfen!

+0

Ich werde Ihrer Frage vielleicht nicht vollständig folgen, aber schreiben Sie selbst die eckigen Klammern in Ihren eckigen Code oder haben Sie gerade diesen '$ interpolateProvider'-Code in Ihre Konfiguration eingefügt? '$ interpolateProvider' transformiert ** NICHT ** {{Ausdruck}} in [[Ausdruck]], Sie müssen das tun – Phillip

+0

Fragen Sie nach dem' html' meiner App, wo ich Angular Codes aufrufen muss?Da ich innerhalb meiner App-Direktive immer ein Angular aufrufen muss, benutze ich '[[]]' und wenn ich meinen Servercode aufrufen muss, verwende ich '{{}}' –

Antwort

0

Probieren Sie es wie folgt aus:

var app = angular.module('myApp', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('[['); 
    $interpolateProvider.endSymbol(']]'); 
}) 

dies in meinem Projekt mit Laravel arbeiten.

+0

Kein Würfel, leider. –