index.html

<html>
    <header>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
    </header>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        {{ aaa }}
        <input type="button" ng-click="clickpost()" name="click" value="clicks">
    </div>
    <script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope, $http) {

    	var access_token = '';
 
 		var headerx = {
 			'Content-Type': 'application/x-www-form-urlencoded', 
 			'Authorization' : access_token
 		};

        var messages = {
            'type': 'text',
            'text': '1k'
        };
        var url = 'https://api.line.me/v2/bot/message/push';
        var data = {
            'to': 'U83670cc497f32dcba4e722be89893a6e',
            'messages': messages

        };

        

        $scope.clickpost = function() {
            $http({
                method: 'POST',
                url: url ,
                data: data , 
                headers: headerx
            }).then(function successCallback(response) {
                console.log('successCallback');
            }, function errorCallback(response) {
                console.log('error');
            });
        }

        $scope.aaa = 'start Line x'

    });
    </script>
</body>

</html>