2015-07-17 2 views
0

Привет им работать над проектом веб-приложения, и мы используем Jquery чернь для страниц щ и угловые для Mvc причин,Использование JQuery мобильного внешнюю страницу с угловым Js контроллера

Im имея проблему, используя свои внешние страницы (страницы, которые IVE нагрузку на мой index.html), они не признают мои контроллеры (работают только контроллеры, которые ивы занесенных в index.html)

заболели некоторые из моего кода здесь, чтобы объяснить мою проблему

если ive поместите некоторые угловые значения на мою внешнюю страницу (объявление предварительного просмотра контроллера в моем <div data-role="page" id="ResEjecSuc" class=".paginas" data-dom-cache="true" ng-controlles="categController" >

)

<span ng-class="sucursal.TIT_CATEGORIZACION"> 
         {{sucursal.TIT_REALIZADA}}</span> 

мое приложение только показывает: {{}} sucursal.TIT_REALIZADA

мой код контроллера инициализации:

app = angular.module('nevadaProt', []) 
app.controller('categController', controlerCateg) 

controlerCateg = function($scope, $locale) { 
var sucursal = { 
TIT_CATEGORIZACION:4, 
TIT_REALIZADA:12 
} 

как ив нагрузки и после этого перехода на мой HTML страница: Нагрузка:

$.mobile.pageContainer.pagecontainer("load", 
      "pages/RappidApps2/ResumenEjecZona.html", {}); 

переход:

$.mobile.pageContainer.pagecontainer("change", "#ResEjecSuc", { 
     transition : "pop", 
     reverse : false 
    }); 

, как я могу сделать работу угловые контроллеры и внешний Jquery мобильных страниц?

ответ

0

Как только вы используете Angular, вы можете создать директиву.

app.directive('externalHtml', function(){ 
    return { 
     restrict : 'E' 
     ,replace : true 
     ,templateUrl : 'pages/RappidApps2/ResumenEjecZona.html' 
    }; 
}); 

тогда вы HTML должно быть что-то вроде:

<body> 
    <div data-role="content"> 
     <external-html/> 
    </div> 
</body> 

Это всегда работает для меня.