2016-04-04 41 views
1

我想在我的html中將var maplink顯示爲href。我已經輸入了值,結果是我想要顯示的地圖鏈接。我在remoteMethod中創建了maplink方法。地圖鏈接顯示在我的控制檯中,我如何讓它顯示在HTML中?我想在我的發現,location.html以顯示它 console.png如何將響應正文顯示爲html

geocode.js

angular 
.module('app') 
.controller('FindLocationController', ['$scope', '$state', 'GeoCode', function ($scope, $state, GeoCode) { 
    $scope.GeoCodes = []; 

    $scope.submitForm = function() { 
     GeoCode 
      .geocode({ 
       address: $scope.geoCode.address, 
       zipCode: $scope.geoCode.zipCode, 
       city: $scope.geoCode.city,     
      }) 
      .$promise 
      .then(function() { 
       $state.go('find-location'); 
      }); 
    }; 
}]) 

geocode.js

var maplink = "http://maps.google.com/?q=" + lat + "," + lng; 
    console.log('maplink is ' + maplink); 
    // make a callback function cb 
    cb(null, maplink); 

remoteMethod()

 [GeoCode.remoteMethod(
    'geocode', { 
     http: { 
     path: '/geocode', 
     verb: 'post' 
     }, 
     accepts: \[{ 
     arg: 'address', 
     type: 'string', 
     required: true 
     }, { 
     arg: 'city', 
     type: 'string', 
     required: true 
     }, { 
     arg: 'zipCode', 
     type: 'string', 
     required: true 
     }\], 
     returns: { 
     arg: 'maplink', 
     type: 'string', 
     } 
    } 
); 
+0

你能提供[mcve]嗎? – Grundy

+0

可能更好用:[ng-map](https://ngmap.github.io/)? – Grundy

回答

0

使用angular.element方法選擇body並將maplink添加到它。檢查下面的代碼。

var maplink = "http://maps.google.com/?q=" + lat + "," + lng; 
console.log('maplink is ' + maplink); 
// Append maplink to body 
var body = angular.element(document.querySelector('body')); 
body.append(maplink); 
// make a callback function cb 
cb(null, maplink); 
+0

它是否會從控制檯檢索特定的結果,將其顯示爲打開其他選項卡的功能? (谷歌API結果) – sxxxxxxx