AngularJs with more button

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>AngularJS</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script>$.noConflict();</script>
    <script src="js/angular.min.js"></script>
</head>
<body>
    <div class="container" ng-app="myApp" ng-controller="blog" ng-init="addlist()">
        <h1>Blog</h1>
        <form action="">
            <input type="text" class="form-control" ng-model="sch" placeholder="제목 검색...">
        </form>
        <table class="table" id="bloglist">
            <tr class="active">
                <td>도시명</td>
                <td>영문명</td>
                <td>면적</td>
                <td>인구</td>
            </tr>
            <tr ng-repeat="post in posts" ng-if="post.title.toLowerCase().match(sch.toLowerCase())">
                <td>{{ post.id }}</td>
                <td>{{ post.title }}</td>
                <td>{{ post.writer }}</td>
                <td>{{ post.wdate }}</td>
            </tr>
        </table>
        <button ng-click="addlist()" class="btn-more btn btn-primary btn-lg col-md-12">더보기</button>
    </div>
    <script>
        var page = 1;
        var app = angular.module("myApp",[]);
        app.controller("blog",function($scope,$http){
            $scope.posts = [];
            $scope.addlist = function(){
                $http.get("list.php?page=" + page).then(function(json){
                    //$scope.posts = json.data;
                    for( var i=0; i<json.data.length; i++){
                        $scope.posts.push(json.data[i]);
                    }
                    page++;
                });
            }

        });

    </script>
</body>
</html>