1

私はangularjsを1か月使用していますが、とても気に入っています。以前は自分で問題を解決できましたが、今はあなたに助けてもらいたい問題があります。

私のホームページは 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']) を実行しません。

Web サイドをコンパイルするためのマニュエル ブートストラップもテストしました。

これは同じ問題かもしれませんが、私の場合、phonegap はありません。 angular.js が PhoneGap の ng-view タグで機能しない

4

2 に答える 2

1

ng:include および ng:view タグを使用する代わりに、属性メソッドを使用すると機能しますか?

<div ng-include> and <div ng-view></div>
于 2013-02-03T19:41:44.533 に答える
1

私は AngularJS を使用してサイトを開発しています。これは、Android 2.1 の HTC Desire、Android 2.2 の Blackberry bold および Samsung Galaxy で非常にうまく機能します。

また、Will Vincent が言及した手法を使用して、ブラウザーとの互換性を向上させました。なぜうまくいかないのかわかりません。

おそらく問題は、難読化ツールを使用すると名前を変更できる属性 '['myapp.directives']' から来ているのでしょうか?

于 2013-08-01T14:38:55.867 に答える