Question

我正在尝试使用angular js ui路由器来路由我的页面。

这是我写的代码：

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

这是js代码：

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;
}

我不知道我的代码有什么问题，我无法获得应该自动生成的href属性。

Answer 1

您是否尝试过没有引号和括号

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

Answer 2

您无需在{{}}内使用ui-sref（插值）。同时删除'（包装单引号）

ui-sref="transporterEditDetails({companyId:  d.companyId })"

使用ui-sref时不会自动生成href

2 个答案: