使用带有角度js控制器的jquery移动外部页面

时间:2015-07-17 17:57:25

标签: angularjs jquery-mobile jquery-mobile-ajax

您好我正在开发一个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移动页面?

1 个答案:

答案 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>

它总是适合我。