0

私は、html/css/js で Web サイトを開発し、そのモバイル アプリケーションを angularJS (イオン フレームワーク) で開発しています。私のウェブサイトでは、Google ジオロケーションと完全なカレンダー ( http://fullcalendar.io/ ) を実装しています。angularJS で使用できるディレクティブがあることはわかっていますが、急いでいるので、通常の html/css/js Web サイトから fullcalendar と geolocation Javascript をコピーして、 angularJS アプリのテンプレート。どんな提案でも大歓迎です。

編集：

これは、ジオロケーションの更新に使用しているコードの例です。

<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>
4

1 に答える 1

1

bodyそれは間違いなく可能です。通常はまたはタグのどこかに配置するすべてのコードをheadAngularコントローラーに配置するだけです。routeこのようにして、コントローラーは、そのコントローラーを起動するイベントまたはそのイベントで実行する予定のJavaScriptを実行します

例

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
    //    });
  }
}]);

次に、通常の角度ディレクティブを使用してコントローラーを実行できます

于 2016-04-10T06:25:42.210 に答える