Render el archivo parcial angularjs -- javascript campo con angularjs camp Relacionados El problema

Render Partial File AngularJS


0
vote

problema

Español

Tengo el siguiente código y quiero hacer mi archivo parcial dentro de una pestaña.

en mi servicio.html

  <html ng-app="ui.bootstrap.demo">   <head>     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>     <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>     <script src="app.js"></script>     <script src="example.js"></script>     <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">   </head>   <body>  <div ng-controller="TabsDemoCtrl">     <tabset>     <tab heading="Justified"><div ng-include src="sunday.html"></div></tab>     <tab heading="SJ"><div ng-include src="monday.html"></div></tab>     <tab heading="Long Justified">Long Labeled Justified content</tab>   </tabset> </div>   </body> </html>   

y en mi app.js i hv el siguiente código

  angular   .module('letsSchedulecommyApp', [     'ngCookies',     'ngResource',     'ngRoute',     'ui.bootstrap',     'ui.calendar',     'ngSanitize',     'ui.router'   ])   .config(function ($routeProvider) {     $routeProvider       .when('/', {         templateUrl: 'views/cleaning_services/homepage.html',         controller: 'CleaningServicesCtrl'       })       .when('/maid-cleaners', {         templateUrl: 'views/cleaning_services/maid_cleaning_service.html',         controller: 'CleaningServicesCtrl'       })       .otherwise({         redirectTo: '/'       });    });   

Este es mi archivo PLUNKR http://plnkr.co/edit/PgXGQFe8mDJ1lDkpEqrx

Básicamente, quiero hacer clic en la pestaña y luego ver el archivo parcial renderizado.

Cualquier ayuda apreciada.

Original en ingles

I have the following code and I want to render my partial file inside a tab.

In my service.html

<html ng-app="ui.bootstrap.demo">   <head>     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>     <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>     <script src="app.js"></script>     <script src="example.js"></script>     <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">   </head>   <body>  <div ng-controller="TabsDemoCtrl">     <tabset>     <tab heading="Justified"><div ng-include src="sunday.html"></div></tab>     <tab heading="SJ"><div ng-include src="monday.html"></div></tab>     <tab heading="Long Justified">Long Labeled Justified content</tab>   </tabset> </div>   </body> </html> 

and in my app.js i hv the following code

angular   .module('letsSchedulecommyApp', [     'ngCookies',     'ngResource',     'ngRoute',     'ui.bootstrap',     'ui.calendar',     'ngSanitize',     'ui.router'   ])   .config(function ($routeProvider) {     $routeProvider       .when('/', {         templateUrl: 'views/cleaning_services/homepage.html',         controller: 'CleaningServicesCtrl'       })       .when('/maid-cleaners', {         templateUrl: 'views/cleaning_services/maid_cleaning_service.html',         controller: 'CleaningServicesCtrl'       })       .otherwise({         redirectTo: '/'       });    }); 

this is my plunkr file http://plnkr.co/edit/PgXGQFe8mDJ1lDkpEqrx

So basically, i want to click on the tab and then view the rendered partial file.

Any help appreciated.

     

Lista de respuestas

2
 
vote

ng-incluyen SRC debe estar en MainPage5 Single Qoute, agregue 99887776616 para ver la vista Angular $ enrutamiento en la página.

html

  MainPage7  
 

ng-include src should be in ' single qoute, Add ng-view to get view angular $routing views on page.

HTML

<div ng-controller="TabsDemoCtrl">   <tabset>     <tab heading="Justified"><div ng-include src="'sunday.html'"></div></tab>     <tab heading="SJ"><div ng-include src="'monday.html'"></div></tab>     <tab heading="Long Justified">Long Labeled Justified content</tab>   </tabset>   <div ng-view>   </div> </div> 
 
 
 
 

Relacionados problema

0  Cómo convertir la fecha de ISI a ISO en JS  ( How to convert isi date to iso in js ) 
Estoy recibiendo la fecha como data.created = "Wed May 03 2017 15:41:49 GMT 0530(IST)" quiero convertirlo a Formato de ISI regular como 2017-03...

0  La directiva de JS angular JS - Custome no se está reemplazando con plantilla real  ( Angular js custome directive is not getting replaced with actual template ) 
Estoy aprendiendo a JS angular y me gustaría crear mi directiva personalizada. Mi código JavaScript no muestra ningún error, pero la directiva personalizada n...

0  Cómo definir los atributos para todas las propiedades de un objeto simultáneamente (o establecer predeterminado)  ( How to define attributes for all properties of an object simultaneously or set ) 
Estoy escribiendo un proveedor de servicios de AngularJS (función) que: toma resultados de varias tablas diferentes de una base de datos SQLite devuelve ...

0  Jasmine SpyoneVent indefinido  ( Jasmine spyonevent undefined ) 
spyEvent = spyOnEvent('#BackYoyButton', 'click'); $('#BackYoyButton').trigger( "click" ); expect('click').toHaveBeenTriggeredOn($('#BackYoyBu...

4  Cómo obtener objeto en una matriz con índice en un controlador angular JS  ( How to get object in an array with index in a controller angular js ) 
Necesito obtener objetos en matriz para el índice dado en JS angular JS. scope.storeList = [{ 'id':101, 'name':indhu },{ 'id':102, 'name':selvin },...

4  Vuelva a crear el mapa de la Directiva de AngularJS de Google Map  ( Re create the map by angularjs directive of google map ) 
Estoy usando el tema cuadrado de angularjs y usando su directiva de mapa para generar el mapa como este: vagrant up4 Esto está en la página de búsqueda ...

1  Cómo exportar datos a PDF desde la tabla dinámica en Angularjs  ( How to export data to pdf from dynamic table in angularjs ) 
Quiero exportar datos a PDF desde una tabla dinámica, todos los complementos usan tablas estáticas, quiero decir con tablas dinámicas que se crean cuando hago...

0  TokenMismatch de respuesta del servidor cuando usa $ Resse (AngularJS) para poner datos después de dos días  ( Server response tokenmismatch when use resourse angularjs to put data after t ) 
Tengo un problema al crear el sitio web para cargar datos en el servidor. Cuando el usuario inicia sesión y cambia los datos, uso $ $ Resource (AngularJS) par...

0  States Angularjs y plantillas dinámicas basadas en criterios  ( Angularjs states and dynamic templates based on criteria ) 
Estoy tratando de usar AngularJS + UI-Router en mi proyecto, está funcionando, pero estoy en medio de una situación aquí ... Tengo un estado de origen con U...

1  En AngularJs al tratar de eliminar una fila después de la clasificación, la fila incorrecta se elimina. Que es de acuerdo a la identificación. ¿Cómo escribiré el código para resolver?  ( In angularjs when trying to delete a row after sorting the wrong row gets delet ) 
**html part** <div> <p>search : <input type="search" ng-model="customer" placeholder="search for customers" /> </...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos