Question

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

我的主页适用于IE，Chrome和Firefox。甚至在所有新手机上也是如此。但不是老年人。我使用不同浏览器的HTC Desire（Android 2.2）进行了测试。

Index.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 bootstrap来编译网页。

这可能是同一个问题，但就我而言，没有手机差距。 angular.js doesn't work ng-view tag in PhoneGap

Answer 1

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

<div ng-include> and <div ng-view></div>

Answer 2

我正在开发一个使用AngularJS的网站，它在Android 2.1上的HTC Desire以及Blackberry大胆和Android 2.2的三星Galaxy上运行良好。

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

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

AngularJS无法在旧版移动设备上编译

2 个答案: