angular.js funktioniert nicht ng-view-tag in PhoneGap

Ich versuche zu verwenden angular.js mit PhoneGap.Es funktioniert im chrome-browser.Aber es funktioniert nicht mehr

bei ng-view-tag.Und Winkel-Modul nicht aufgerufen wird, wenn ich es auf den simulator. Haben Sie eine Idee?

Mein code ist wie folgt.

index.html

   <body>
        <div class="app" >
            <h1>Welcome!</h1>
            <div id="deviceready">
                            <div ng-view></div>
            </div>
        </div>

        <script type="text/javascript" src="cordova-2.0.0.js"></script>
        <script type="text/javascript" src="js/index.js"></script>


        <script type="text/javascript">
            app.initialize();
        </script>
                <script src="http:////cdnjs.cloudflare.com/ajax/libs/zepto/1.0rc1/zepto.min.js"></script>
                <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"> </script>
                <script type="text/javascript" src="js/router.js"></script>

    </body>

index.js

var app = {
    initialize: function() {
        this.bind();
    },
    bind: function() {
        document.addEventListener('deviceready', this.deviceready, false);
    },
    deviceready: function() {
        //note that this is an event handler so the scope is that of the event
        //so we need to call app.report(), and not this.report()
        app.report('deviceready');
    },
    report: function(id) { 
        console.log("report:" + id);
        //hide the .pending <p> and show the .complete <p>
        document.querySelector('#' + id + ' .pending').className += ' hide';
        var completeElem = document.querySelector('#' + id + ' .complete');
        completeElem.className = completeElem.className.split('hide').join('');
    }
};

router.js

angular.module("app",[]).
    config(["$routeProvider",function($routeProvider){
        $routeProvider.when("/",{templateUrl:"templates/home.html"});
    }]);
InformationsquelleAutor nobinobiru | 2012-09-15
  1. 11

    Versuchen die bootstrap api-Methode, um manuell starten Sie die app auf deviceReady. so etwas wie:

    function onDeviceReady() {
    ...
    angular.bootstrap(document, ['ngView']);
    ...
}

document.addEventListener("deviceready", onDeviceReady, true);

    http://docs.angularjs.org/api/angular.bootstrap

    • Gleiche problem, Hinzugefügt auch. aber noch Ripple - Nexus-browser stecken. nichts kommt. Muss ich irgendetwas tun ?
    InformationsquelleAutor Dve
  2. 0

    Versuchen Sie, angularjs und zepto-Dateien von diesem Server, und platzieren Sie dann innerhalb der app.

    InformationsquelleAutor mccraveiro
  3. 0

    Verbrachte ich nur vielleicht 5 Stunden versuchen zu arbeiten, um ein ähnliches problem. Es stellte sich heraus, dass phone-gap /cca war für einige Grund voranstellt, die app-id für die hash-Teil der URL. Die route deshalb nicht übereinstimmen, und der Benutzer wurde ständig weitergeleitet, die von der $routeProvider.otherwise() nennen.

    (Hab ich da entdeckt, es ist ein bekanntes Problem mit CCA das ist auch wurde behoben nur nicht veröffentlicht!)

    Eh für die mittlere Zeit, wenn Sie Probleme bekommen ngRoute arbeiten mit mobile-chrome-tools und Adobe Phonegap build versuchen Sie, hinzufügen von zwei optionalen, dazu passenden Gruppen Ihre Routen als eine Arbeit um. Zum Beispiel nehmen Sie dieses Beispiel:

    $routeProvider.when('/', { templateUrl: 'templates/home.html', controller: 'HomeCtrl' });
$routeProvider.when('/some-page', { templateUrl: 'templates/some-page.html', controller: 'SomePageCtrl' });
$routeProvider.when('/another-page', { templateUrl: 'templates/another-page.html', controller: 'AnotherPageCtrl' });
$routeProvider.otherwise({ redirectTo: '/' });

    Den Routen, die nicht übereinstimmen mit den zusätzlichen bits Hinzugefügt wird die URL, aber man konnte es umgehen, etwa so:

    $routeProvider.when('/:a?/:b?/some-page', { templateUrl: 'templates/some-page.html', controller: 'SomePageCtrl' });
$routeProvider.when('/:a?/:b?/another-page', { templateUrl: 'templates/another-page.html', controller: 'AnotherPageCtrl' });
$routeProvider.when('/:a?/:b?/', { templateUrl: 'templates/home.html', controller: 'HomeCtrl' });
$routeProvider.otherwise({ redirectTo: '/' });

    Beachten Sie die zwei optionalen Gruppen, die ich Hinzugefügt habe. Beachten Sie auch, dass die base route Schluß kommt - sonst wird es mit allen /den meisten Strecken, wenn die URL erzeugt richtig!

    InformationsquelleAutor kzar
Schreibe einen Kommentar