AngularJS ändert {{post.title}} in eine andere HTML-Datei

Question

Ich möchte den Wert von {{post.title}} in meinem HTML ändern, um eine andere HTML-Datei zu öffnen.

 <div ng-repeat="post in posts"> 
      <h2> 
      {{post.title}} 
       <a ng-click="editPost(post._id)" class="pull-right"><span class="glyphicon glyphicon-pencil"></span></a> 
       <a ng-click="deletePost(post._id)" class="pull-right"><span class = "glyphicon glyphicon-remove"></span></a> 
      </h2> 
      <em>{{post.posted}}</em> 
      <p>{{post.body}}</p> 
     </div> 

Lage von Html-Dateien:

Answer 1

Sie können dies tun,

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

In Controller:

$scope.redirect = function(){ 
    window.location = "#/titleDetails.html"; 
} 

Answer 2

versuchen diese:

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


var app = angular.module('urlApp', []); 
app.controller('urlCtrl', function ($scope, $log, $window) { 
    $scope.ClickMeToRedirect = function() { 
     var url = "http://" + $window.location.host + "/titleDetails.html"; 
     $log.log(url); 
     $window.location.href = url; 
    }; 
}); 

ODER

var url = "#/titleDetails.html"; 

Answer 3

Sie können eine zusätzliche Eigenschaft für Ziel-URL in der Post haben und haben diese

<a href="{{'#'+post.url}}">{{post.title}}</a> 

wenn Sie sicher über die URL Sie können den Wert für URL selbst setzen

<a href="#destinationpage">{{post.title}}</a>