asp.net - Angularjs $resource で WCF サービスの完全な URL を指定する方法

Question

メソッドGetLayoutDataを使用した wcf サービスがあります。私がこれのために書いた次のコード：

var app = angular.module('bundleModuleApp', ['ngResource', 'mydirectives']);
app.factory('masterResource', function ($resource)
{
   var src = $resource("../BundleService/BundleComponents.svc/GetLayoutData/:bundlename", { bundlename: "@bundlename" },
   {
        GetData: { method: "GET", params: {}, isArray: false },
        GetDataById: { method: "GET", params: { bundlename: "Iotasol" }, isArray: false }
   });
   return src;
});

function LayoutController($scope, masterResource) {
    $scope.LayoutBean = masterResource.GetDataById();
}

今、私は次のようなサービスの完全なURLを指定したい:

http://www.abc.com/BundleService/BundleComponents.svc/GetLayoutData/:bundlename

それ以外の：

../BundleService/BundleComponents.svc/GetLayoutData/:bundlename

サービスの完全な URL を動的に渡す方法を教えてください。