<html ng-app='myapp'>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.min.js">
</head>
<div ng-controller="ItemController">
<a href="/items/edit/{{anton.id}}">{{anton.title}}</a>
<hr/>
<div ng-repeat="item in items track by $index">
<a href="/items/edit/{{item.id}}">{{item.title}}</a>
</div>
</div>
</div>
</html>
var app = angular.module('myapp', ['ngRoute']);
console.log(app);
app.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}]);
app.controller('ItemController', function($scope) {
$scope.anton = {id: 'an', title: 'Антон'};
$scope.items = [
{id: 'va', title: 'Василий'},
{id: 'ge', title: 'Генадий'},
{id: 'bo', title: 'Борис'},
{id: 'go', title: 'Жорж'},
{id: 'an', title: 'Антон'}
];
});
--------------------------
В результате получаем несколько ссылок:
Антон
---
Василий
Генадий
Борис
Жорж
Антон
При клике на первого Антона сменится адрес но страница не перезагрузится...
При клике на остальные ссылки страница будет перезагружаться.