0

您好，我正在开发一个 Web 应用程序项目，出于 mvc 的原因，我们正在将 jquery mobile 用于页面 ui 和 angular，

我在使用我的外部页面（我加载到我的 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 移动页面？

4

1 回答 1

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>

它总是对我有用。

于 2015-08-31T19:09:35.823 回答