2016-04-10 10 views
0

Ich entwickle eine Webseite in html/css/js und ihre mobile Anwendung in angularJS (ionic framework). In meiner Website habe ich Google Geolocation und Vollkalender implementiert (http://fullcalendar.io/). Ich weiß, dass für den Gebrauch in angularJS Richtlinien verfügbar sind, aber da ich in Eile bin, muss ich wissen, dass es möglich ist, dass ich über meinen Vollkalender und Geolocation Javascript von meiner normalen html/css/js Website kopiere und in meine einfügen Vorlage der angularJS App. Irgendwelche Vorschläge werden sehr geschätzt.Ist es möglich, normale JavaScript- und CSS-Funktionen von meiner Website in meine angularjs-App aufzunehmen?

EDIT:

Hier ist Beispiel für Code, den ich für Geolokalisierung Aktualisierung verwenden.

<script> 
     if ("geolocation" in navigator) 
    { 
     request_location(); 
    } 

    // Requesting location from user 
    function request_location() 
    { 
     // Will repeat the process in two minutes 
     setTimeout(request_location, 1000*60*2); 

     // Get location info from browser and pass it to updating function 
     navigator.geolocation.getCurrentPosition(update_location); 
    } 

    // Sending location to server via POST request 
    function update_location(position) 
    { 
     // For simplicity of example we'll 
     // send POST AJAX request with jQuery 
     $.post("functions.php?action=update_geolocation", { latitude: position.coords.latitude, longitude: position.coords.longitude }); 
     //$.post("functions.php?action=update_geolocation&latitude="+ position.coords.latitude + '&longitude=' + position.coords.longitude, 
     /* { 
      latitude : position.coords.latitude, 
      longtitude : position.coords.longitude 
     },*/ 
    // function(){ 
    //  // Position sent, may update the map 
    // }); 
    } 

     </script> 
+1

Diese Frage ist ein bisschen zu breit, um nur eine definitive Antwort zu bieten. Es ist definitiv möglich, dass JQuery-Plugins wie Fullcalendar mit eckig koexistieren, aber es kann Timing-Probleme geben, und es wäre nicht möglich, sicher zu wissen, ob diese ohne ein Beispiel Ihres aktuellen Einsatzszenarios im Code auf Sie wirken würden. – Claies

+0

@Claies Ich habe ein Beispiel meines Codes in die Bearbeitung aufgenommen, Wenn Sie sich meinen Vollkalender-Code ansehen wollen, kann ich das hier auch posten, es ist ein bisschen lang aber –

+0

Es ist definitiv möglich. Aber das ist eine schlechte Übung. Denn was auch immer Sie in eckigen tun müssen, sollte in einer angemessenen Weise getan werden. Nicht als eigenständiger Code. – AceLearn

Antwort

1

Es ist auf jeden Fall möglich, Sie müssen nur alle Ihre Code setzen, die Sie normalerweise überall in Ihrem body oder head Tags in Winkel Controller setzen würde. Feuer, dass die Steuerung auf

Beispiel Auf diese Weise Ihr Controller jede ausführt javascript Sie Sie an diesem route oder irgendein Ereignis auszuführen beabsichtigen

myApp.controller('exampleController', ['$scope', function($scope) { 
    if ("geolocation" in navigator) { 
    request_location(); 
    } 

    // Requesting location from user 
    function request_location() { 
    // Will repeat the process in two minutes 
    setTimeout(request_location, 1000 * 60 * 2); 

    // Get location info from browser and pass it to updating function 
    navigator.geolocation.getCurrentPosition(update_location); 
    } 

    // Sending location to server via POST request 
    function update_location(position) { 
    // For simplicity of example we'll 
    // send POST AJAX request with jQuery 
    $.post("functions.php?action=update_geolocation", { 
     latitude: position.coords.latitude, 
     longitude: position.coords.longitude 
    }); 
    //$.post("functions.php?action=update_geolocation&latitude="+ position.coords.latitude + '&longitude=' + position.coords.longitude, 
    /* { 
     latitude : position.coords.latitude, 
     longtitude : position.coords.longitude 
    },*/ 
    // function(){ 
    //  // Position sent, may update the map 
    // }); 
    } 
}]); 

Dann können Sie den Controller mit normalen Winkel Richtlinien auszuführen

+0

Arge, Warum kann ich nicht einfach in