您好我正在开发一个Web应用程序项目,我们正在使用jquery mobile for the page ui和angular for mvc reason,
我在使用外部页面时遇到问题(已加载到我的index.html的页面),他们不识别我的控制器(仅适用于我在index.html中放置的控制器)
我的一些代码在这里解释我的问题
如果我在我的外部页面中添加了一些角度值(预览
<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 :(得分: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>
它总是适合我。