Untitled

<a ng-href="/portfolios/test" class="btn btn-primary btn-sm">
     <span class="glyphicon glyphicon-plus"></span> Edit
 </a>

var app = angular.module('appRoutes', ['ngRoute']);
app.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider
      .when('/', {
        templateUrl: 'templates/home.html'
      })
      .when('/about', {
        templateUrl: 'templates/about.html'
      })
      .when('/contact', {
        templateUrl: 'templates/contact.html'
      })
      .when('/portfolios', {
        templateUrl: 'templates/portfolios.html',
        controller: 'PortfolioCtrl'
      })
      .when('/portfolios/test', {
        templateUrl: 'templates/tickers.html'
      });
}]);

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tickr - Home</title>

    <link rel='stylesheet' type="text/css" href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'/>
    <link rel="stylesheet" type="text/css" href="css/app.css"/> <!-- custom styles -->

    <script src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js'></script>
    <script src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js'></script>
    <script src="js/controllers/portfolioController.js"></script>
    <script src="js/services/portfolioService.js"></script>
    <script src="js/appRoutes.js"></script>
    <script src="js/app.js"></script>
  </head>
  <body ng-app="tickrApp">
    ...