How can I call a WCF service hosted in windows service application from a web application?

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;

namespace HelloService
{
    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the class name "HelloService" in both code and config file together.
    
    public class HelloService : IHelloService
    {      
        
        public string GetMessage()
        {
            return "Hello ";
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using System.ServiceModel.Web;

namespace HelloService
{
    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the interface name "IHelloService" in both code and config file together.
    [ServiceContract]
    public interface IHelloService
    {
        [OperationContract]
        [WebInvoke(Method = "GET", UriTemplate = "GetMessage",
      ResponseFormat = WebMessageFormat.Xml, RequestFormat = WebMessageFormat.Xml,
      BodyStyle = WebMessageBodyStyle.Bare)]
        string GetMessage();
    }
}

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Diagnostics;
using System.Linq;
using System.ServiceProcess;
using System.Text;
using System.Threading.Tasks;
using System.ServiceModel;

namespace WindowsServiceHost
{
   
    public partial class HelloWindowsService : ServiceBase
    {
        ServiceHost host;
        public HelloWindowsService()
        {
            InitializeComponent();
        }

        protected override void OnStart(string[] args)
        {
            host = new ServiceHost(typeof(HelloService.HelloService));
            host.Open();
        }

        protected override void OnStop()
        {
            host.Close();
        }
    }
}

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
   
    <system.serviceModel>
        <behaviors>
            <serviceBehaviors>
                <behavior name="mexBehavior0">
                    <serviceMetadata httpGetEnabled="true" />
                </behavior>
            </serviceBehaviors>
        </behaviors>
        <services>
            <service behaviorConfiguration="mexBehavior0" name="HelloService.HelloService">
                <clear />
                <endpoint address="HelloService" binding="basicHttpBinding" contract="HelloService.IHelloService">
                  </endpoint>
              <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange">
              </endpoint>
                <host>
                    <baseAddresses>
                        <add baseAddress="http://localhost:8080" />
                    </baseAddresses>
                </host>
            </service>
        </services>
    </system.serviceModel>
</configuration>

app.service('HelloService', ['$http', '$q', function ($http, $q) {

   
    var msg = " ";

    this.hello = function () {

        var error;
        var deferred = $q.defer();

        $http({
            type: "GET",
            url: "http://localhost:8080/HelloService/GetMessage",
        }).then(function successCallback(result) {
            msg = result.data;
            deferred.resolve();
        }, function errorCallback(err) {
            error = err;
            deferred.reject();
        });
        return deferred.promise;
    };

    this.getMsg = function () {
        return msg;
    };


}]);

app.controller('HelloControl', ['$scope', 'HelloService', function ($scope, HelloService) {

   
    $scope.msg = " ";

    $scope.hello = function () {
        HelloService.hello().then(function (result) {
        $scope.msg = HelloService.getMsg();
        });
    };

}]);

var app = angular.module('HelloApp', []);