Usando Plantillas Inline en AngularJS

Quería cargar una plantilla de vista en línea.

Envolví la plantilla en una etiqueta de secuencia de comandos de tipo text/ng-template y configuré el id en temp1.html . y esto es lo que parece mi configuración de módulo

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

Me dice GET http://localhost:41685/temp1.html 404 (Not Found) en la ventana de mi consola, lo que significa que está buscando un archivo con ese nombre.

Mi pregunta es: ¿Cómo configuro mis rutas para usar plantillas en línea?

Actualización: Así es como se ve mi DOM renderizado en el servidor

        

Getting Started with Angular

First View

Search:

Second View

Search:

2 Solutions collect form web for “Usando Plantillas Inline en AngularJS”

Ody, estaba en el camino correcto, el único problema era que las tags están fuera del elemento DOM en el que se utiliza la directiva ng-app . Si lo mueve al elemento , las plantillas en línea deberían funcionar.

También puede encontrar esta pregunta relevante: ¿hay una manera de hacer que AngularJS cargue parciales al principio y no cuando sea necesario?

Intente usar el Atributo-id del elemento-script para establecer el nombre de la plantilla que debería funcionar.

  
  • cómo enlazar objects angularjs a sus keys y valores
  • Complementos de AngularJs para eclipse juno
  • Argumento ... no es una function, no está definido
  • Patrones de layout de AngularJS: ¿Debo usar fábricas para crear funciones de constructor?
  • Permitir solo hacer clic en extensiones específicas de files en el module de carga de files angulares
  • Breeze utilizando un interceptor angular $ http
  • El DOM no es refrescante después de modificar el scope angular $
  • Cómo borrar una matriz angular
  • x = x + 1! = x ++?
  • Usando las mismas funciones en 2 controlleres diferentes AngularJS
  • Cómo agregar un module al file de configuration de mi SystemJs para poder importarlo en formatting angular
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.