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.


<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"/>  




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

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

         $scope.insertData = function(){  



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



                   $scope.firstname = null;  

                   $scope.lastname = null;  





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

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

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.