href is not automatically generated when ui-sref is used

I'm trying to use angular js ui router to route my page.

Here's the code that I've written:

<a  ui-sref="transporterEditDetails({companyId:  '{{d.companyId}}' )"  style="cursor: pointer">{{d.companyName}}</a>

Here's the js code :

var routerApp = angular.module('routerApp', ['ui.router','ui.bootstrap','xeditable','google.places','angular-loading-bar','ui.select','angularUtils.directives.dirPagination','notificationsTruckway','ui.tinymce'])
routerApp.config(function($stateProvider, $urlRouterProvider,cfpLoadingBarProvider) {
 $stateProvider
        .state('transporterEditDetails', {
        url: '/transporterEditDetails/:companyId',
        controller:'TransporterEditDetailsController',
        templateUrl: 'Transporter-editDetails.html'
    })
routerApp.controller('TransporterEditDetailsController', function($scope,$location,$http,usersFactory,$stateParams) {
$scope.companyId = $stateParams.companyId;
}

I don't know what's wrong in my code, I'm unable to get the href attribute which should be generated automatically.