1

我已经使用 angularjs 一个月了，我非常喜欢它。过去我总是能够自己解决问题，但现在有一个问题我想请你帮助我。

我的主页适用于 IE、Chrome 和 Firefox。即使在所有新手机上。但不适用于较旧的。我用不同浏览器的 HTC Desire (Android 2.2) 对其进行了测试。

索引.html：

<!doctype html>
<html lang="de" ng-app="myapp">
    <head>
    <meta charset="utf-8">
    <title>My App</title>
    <link rel="stylesheet" href="css/app.css"/>
    </head>
    <body>
    <div id="wrapper">
        <div id="header" ng-controller="HeaderCtrl">
        <ng:include src="'partials/header.html'"></ng:include>
        </div>
        <div id="content">
        <ng:view></ng:view>
        </div>

        <div id="footer" ng-controller="FooterCtrl">
        <ng:include src="'partials/footer.html'"></ng:include>
        </div>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false" ype="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
    <script src="lib/angular/angular-resource.js"></script>
    <script src="lib/angular-ui/angular-ui.js"></script>
    <script src="js/app.js"></script>


    <!-- Controller -->
    <script src="js/ctrl/PageCtrl.js"></script>
    <script src="js/ctrl/HeaderCtrl.js"></script>
    <script src="js/ctrl/FooterCtrl.js"></script>

    </body>
</html>

app.js：（我的模块）

'use strict';

angular.module('myapp', ['myapp.directives']).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/', {templateUrl: 'partials/page1.html', controller: PageCtrl, reloadOnSearch: false});

    $routeProvider.when('/listing', {templateUrl: 'partials/page2.html', controller: PageCtrl, reloadOnSearch: false});

    $routeProvider.otherwise({redirectTo: '/'});
  }]);

我测试了很多案例，我的猜测是移动设备不执行 angular.module('myapp', ['myapp.directives']) 。

我还测试了一个用于编译网页端的 manuell 引导程序。

这可能是同一个问题，但就我而言，没有电话间隙。 angular.js 在 PhoneGap 中不起作用 ng-view 标签

4

2 回答 2

1

我正在使用 AngularJS 开发一个站点，它在 Android 2.1 上的 HTC Desire 以及黑莓粗体和带有 Android 2.2 的三星 Galaxy 上运行良好。

我还使用了 Will Vincent 提到的技术，以确保更好地与浏览器兼容。我不明白为什么它对你不起作用。

也许问题来自属性 '['myapp.directives']' 如果您使用混淆器，它可以被重命名？

于 2013-08-01T14:38:55.867 回答
1

如果不使用 ng:include 和 ng:view 标签而是使用属性方法，它是否有效：

<div ng-include> and <div ng-view></div>
于 2013-02-03T19:41:44.533 回答