AngularJS Display 1 Post in New Page

Question

I want to display only Test Post 1 in next html page titleDetails.html when user clicks Test Post 1 in index.html

Answer 1

a new scope variable in BlogController

$scope.postDetail = null;

and method titleDetails() be like

$scope.titleDetails = function(post) {
$scope.postDetail = post;
}

and also make change in index.html

 <a  ng-click="titleDetails(post)">{{ post.title }} </a>

Answer 2

Hope this following steps work for you
Pass post object to titleDetail() function.
In index.html

<a  ng-click="titleDetails(post)">{{ post.title }} </a>

In function assign post to $rootScope variable

$scope.titleDetails = function(post) {
   $rootScope.postDetail = post;
}

Now your titleDetail.html page controller:

$scope.post = $rootScope.postDetail;