Angularjs inserting not work

 i work with odemy angularjs template and just want to insert form element on database. i try everythink but not wor for me.

-----form-----

<div ng-app="myapp" ng-controller="usercontroller">  

                                <label>First Name</label>  

                                <input type="text" name="first_name" ng-model="firstname" class="form-control" />  

                                <br />  

                                <label>Last Name</label>  

                                <input type="text" name="last_name" ng-model="lastname" class="form-control" />  

                                <br />  

                                <input type="submit" name="btnInsert" class="btn btn-info" ng-click="insertData()" value="ADD"/>  

                           </div>

-----script-----

<script>  

    var app = angular.module("myapp",[]);  

    app.controller("usercontroller", function($scope, $http){  

         $scope.insertData = function(){  

              $http.post(  

                   "insert.php",  

                   {'firstname':$scope.firstname, 'lastname':$scope.lastname}  

              ).success(function(data){  

                   alert(data);  

                   $scope.firstname = null;  

                   $scope.lastname = null;  

              });  

         }  

    });  

    </script>

my page not routing -> http://localhost:4200/profile?

please help me i new angular js and i can’t solve my problem
thanks

I strongly suggest learning Angular(2+) instead of AngularJS. AngularJS has been end-of-lifed and long term support for it ends in less than a year.