Angular js routing for edit

Hello Everyone

I am new to angular js, I am using angular 1. I have simple grid with edit and delete button as last column.

Now i want to click on edit button and go to my "Create.cshtml", with fill all data in form using angular js.

I have work around many things, but not finds any luck.

below is my code.

my Edit.js is

//

/// <reference path="../angular.intellisense.js" />

var app = angular.module('ngmodule', ['input-ein']);

//Declaring Service
app.service('ngservice', function ($http) {
// get Company By Id
this.getCompanyById = function (CompanyID) {
return $http({
method: "post",
url: "Company/Edit/" + CompanyID,
data: Company
});
}

this.post = function (Company) {
var request = $http({
method: "post",
url: "/api/Company/Post",
data: Company
});
return request;
}
});

//Declaring Controller for Edit

app.controller('ngcontroller', function ($scope, ngservice) {

$scope.divsuccess = true;
$scope.dverror = true;
$scope.OperType = 1;

//loadCompanyById(2);

function loadCompanyById(id) {
var promise = ngservice.getCompanyById(id);
promise.then(function (resp) {
$scope.Company = resp.data;
}, function (err) {
$scope.Message = "Call Failed " + err.status;
});
};

//Toggle Edit
$scope.editCompany = function (company) {
var getData = ngservice.getCompanyById(company.CompanyID);
console.log(getData);
getData.then(function (cmp) {
$scope.Company = cmp.data;
$scope.FirstName = cmp.FirstName;
$scope.LastName = cmp.LastName;
$scope.CompanyName = cmp.CompanyName;
$scope.Email = cmp.Email;
$scope.Notes = cmp.Notes;
},
function () {
alert('Error in getting records');
});
};

function clearfields() {
$scope.FirstName = "";
$scope.LastName = "";
$scope.CompanyName = "";
$scope.Email = "";
$scope.Notes = "";
}

$scope.clearData = function () {
clearfields();
}

$scope.Save = function () {
alert('Save Clicked');
var Company = {
FirstName: $scope.FirstName,
LastName: $scope.LastName,
CompanyName: $scope.CompanyName,
Notes: $scope.Notes,
Type: $scope.Type,
}

if ($scope.OperType === 1) {
var promisePost = ngservice.post(Company);
promisePost.then(function (pl) {
clearfields();
$scope.divsuccess = false;
$scope.Success = "Data Saved..!!";
$scope.dverror = true;
$window.location.href = '/Login';
}, function (err) {
$scope.error = "Data Not Saved. Errors: " + err.status;
$scope.divsuccess = true;
$scope.dverror = false;
});
};
}

});

//

My cshtml like below:

<form data-ng-app="ngmodule" data-ng-controller="ngcontroller" name="myForm" novalidate style="width:100%">
<div class="control-group">
<div class="form-horizontal">
<h4>Compnay Detail</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="row">
<div class="col-lg-12">
<div class="alert alert-danger" role="alert">
<strong><span class="error"> (*) Indicates required field</span></strong>
</div>
</div>
<div class="col-lg-6">
<div class="alert alert-success" role="alert" ng-hide="divsuccess">
<strong><span> {{Success}}</span></strong>.
</div>
<div class="alert alert-danger" role="alert" ng-hide="dverror">
<span class="error" ng-show="error" ng-cloak> {{error}}</span>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-6">
<div class="form-group required">
<label class="control-label col-lg-4">First Name</label>
<div class="col-lg-8">
<input type="text" id="FirstName" name="FirstName" data-ng-model="FirstName" placeholder="First Name" required class="form-control" />
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group required">
<label class="control-label col-lg-4">Last Name</label>
<div class="col-md-8">
<input type="text" id="LastName" name="LastName" data-ng-model="LastName" placeholder="Last Name" required class="form-control" />
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-6">
<div class="form-group required">
<label class="control-label col-lg-4">Company Name</label>
<div class="col-md-8">
<input type="text" id="CompanyName" name="CompanyName" data-ng-model="CompanyName" placeholder="Company Name" required class="form-control" />
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-6">
<div class="form-group required">
<label class="control-label col-md-4">Type</label>
<div class="col-md-8">
@Html.DropDownListFor(model => model.Type, Taxpay1099.Models.Metadata.General.CompanyType, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.Type, "", new { @class = "text-danger" })
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group required">
<label class="control-label col-md-4">Email</label>
<div class="col-md-8">
<input type="email" id="Email" name="Email" data-ng-model="Email" placeholder="Email" required class="form-control" />
<span style="color:red" ng-show="myForm.Email.$error.email">Invalid email</span>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label class="control-label col-md-4">Notes</label>
<div class="col-md-8">
<textarea class="form-control text-box multi-line" data-val="true" data-val-length-max="500" data-ng-model="Notes"
id="Notes" name="Notes" placeholder="Notes"></textarea>
</div>
</div>
</div>
</div>


</div>
<div class="row text-center">
<button class="btn btn-lg btn-success" id="btnCreate"
ng-disabled="!(!!myForm.FirstName.$valid && !!myForm.LastName.$valid && !!myForm.CompanyName.$valid" data-ng-click="Save()">
Create
</button>    
<button class="btn btn-lg btn-default" id="btnCancel" data-ng-click="clearData()">Cancel</button>
</div>
</div>
</form>