Utilizzo di modelli in linea in Angolare

Volevo caricare un modello di visualizzazione in linea.

Ho avvolto il modello in un tag script di tipo text/ng-template e impostato l’id su temp1.html . ed ecco come appare la mia configurazione del modulo

 learningApp.config(function ($routeProvider) { $routeProvider .when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"}) .when("/second", {controller: "SimpleController", templateUrl: "temp2.html"}) .otherwise({redirectTo : "/first"}); }); 

Mi dice di ottenere GET http://localhost:41685/temp1.html 404 (Not Found) nella mia finestra della console, il che significa che sta cercando un file con quel nome.

La mia domanda è: come configuro i miei percorsi per usare i modelli in linea?

Aggiornamento: ecco come appare il mio DOM reso server

        

Getting Started with Angular

First View

Search:

Second View

Search:

Ody, eri sulla buona strada, l’unico problema era che i tag erano al di fuori dell’elemento DOM su cui viene usata la direttiva ng-app . Se lo sposti negli modelli in-line dell’elemento dovrebbero funzionare.

Si potrebbe anche trovare questa domanda pertinente: C’è un modo per rendere AngularJS carico partial all’inizio e non quando è necessario?

Prova a usare l’id-Attribute dello script: l’elemento per impostare il nome del modello dovrebbe funzionare.