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.

  
  • Angular ng-table con la página Ir a
  • Función de error de llamada $ http.get del éxito
  • Múltiples problemas de scope ng-init
  • Inyectado $ stateParams y $ state en jasmine angular js testing quedando indefinido
  • Resolución de object en estado de ui-router con ui-sref
  • El filter personalizado anula los datos originales o causa infinitos $ digest loop
  • Validación angular de correo electrónico JS con caracteres Unicode
  • Cómo rotar la image en angularjs
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.