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

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

{{ post.title }} 

In function assign post to $rootScope variable

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

Now your titleDetail.html page controller:

$scope.post = $rootScope.postDetail;