Ng-класс - применяется, если URL-адрес содержит определенную строку символов

Question

У меня в контроллере есть следующее:

$scope.location = $location.absUrl(); 

Это дает мне полный URL просматриваемой текущей страницы. В моем HTML я хотел бы применить класс, если URL-адрес содержит определенный параметр.

ng-class="{'location': location == } 

Я не уверен, что положить после: оценить выражение. url может включать строку, такую ​​как 'requestId = 555'

Как написать выражение, чтобы, если URL-адрес включает эту строку, класс затем применяется?

Answer 1

Если вы используете UI-маршрутизатор

Вы можете иметь состояние параметров для строки запроса. Если вы введете $stateParams в свой контроллер, вы можете получить доступ к набору $scope.requestId = $stateParams.requestId. На ваш взгляд, вы можете привязать его к requestId. Для настройки состояния:

$stateProvider.state({ 
    url: '/someurl?requestId', 
    templateUrl: 'someTemplate.tpl.html', 
    controller: 'SomeController' 
}); 

См. ui-router.

Если вы хотите обычного ванильного JS

В соответствии с этим весьма принято answer, вы можете получить значение строки запроса ключа с помощью следующей функции:

function getParameterByName(name) { 
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
     results = regex.exec(location.search); 
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

Вы можете установить $scope.requestId = getParameterByName('requestId'); и привязать его к шаблону.