使用GET参数作为标准选择选项

Question

i am new to AngularJS and tried building a small filter application.

Code snippet:

angular.module('jobs', ['angularUtils.directives.dirPagination'])
    .controller('JobsCtrl', ['$scope', '$filter', '$http', function($scope, $filter, $http) {
      
      $scope.qualifications0 = [];
      
      $scope.myPromise = $http
            .get('/jobs/jobs_overview.php')
            .then(function(response) {
        
                $scope.jobs = response.data;
                
                // we need all kinds of qualifications available
                for (var i = 0; i < response.data.length; i++) {
                    var job = response.data[i];
                    
                    for (var j = 0; j < job['qualification'].length; j++) {
                        
                        var qualification = job['qualification'][j];
                        
                        if (!contains(qualifications, qualification)) {
                            qualifications.push(qualification);
                        }
                    }
                }
                // add unique qualifications to scope
                for (var i = 0; i < qualifications.length; i++) {
                    var qualification = qualifications[i];
                    
                    if (qualification.length > 0) {
                        $scope.qualifications0.push({name:qualification});
                    }
                }
            });
      ...
    }]);

<?php
$qualification0 = "";
if (isset($_GET['qualification0'])) { $qualification0 = $_GET['qualification0']; }
?>

<div ng-app="jobs">
  <div ng-controller="JobsCtrl" class="jobs">
    <form class="filter-container row">
      ...
      <select id="qualiselect0" name="qualiselect0" ng-model="qualiselect0" class="qualifications-select">
        <option value selected="selected">-- Choose --</option>
        <option ng-repeat="qualification in qualifications0" value="{{qualification.name}}">{{qualification.name}}</option>
      </select>
      ...
    </form>
     ...
    <tr dir-paginate="job in filtered = (jobs | orderBy:predicate:reverse | multiFilter:{division:[divselect0,divselect1,divselect2],qualification:[qualiselect0,qualiselect1,qualiselect2]} | filter:search ) | itemsPerPage:pageSize | orderBy:predicate" current-page="currentPage" class="repeat-item">
      <td>{{job.division}}</td>
      <td><a href="" alt="{{job.name}}" ng-click="popup(job.gethtmlurl)" target="_blank">{{job.name}}</a></td>
      <td ng-init="job.lastchangedate">{{convertToDate(job.lastchangedate) | date:'dd.MM.yyyy'}}</td>
    </tr>
    ...
  </div>
</div>

As you can see I have a GET param. It depends from which site of the page you get to the table.

mywebsite.com/tablesite?qualification=Test

What I want to do now is, if a GET param is set, set it as selected and filter the table. Is there a way to do it with AngularJS or whats the most efficient way?

</div>