如何使用angularJs使URL动态化

Question

需要使这三个锚标签成为一个单一的和href需要是动态的。下面是我的代码：

<a ng-if="ctrl.currentState == 'driver'" id="back-button" href="/driver/quoting/app/search/"></a>
<a ng-if="ctrl.currentState == 'employee'" id="employeeBackButton" href="/driver/quoting/app/employee/search"></a>
<a ng-if="ctrl.currentState == 'fleetmanager'" id="fleetmanagerBackButton" href="/driver/quoting/app/fleetmanager/search"></a>

Answer 1

您可以在此处使用ngHref

// In your controller 

if ($scope.currentState) == 'driver') {
    $scope.myUrl = '/driver/quoting/app/search/';
    $scope.myButtonId = 'back-button';
else if ($scope.currentState == 'employee') {  
    $scope.myUrl = '/driver/quoting/app/employee/search';
    $scope.myButtonId = 'employeeBackButton';
else if ($scope.currentState == 'fleetmanager') {  
    $scope.myUrl = '/driver/quoting/app/fleetmanager/search';        
    $scope.myButtonId = 'fleetmanagerBackButton';
}

并在HTML视图中使用下面的

<a ng-href="{{myUrl}}" title="URL" ng-attr-id="{{myButtonId}}" ></a>

希望这对你有所帮助！