选择选项操纵ng-model

Question

点击选择（选项）列表时我有一种奇怪的行为。

servicse.js：

services.factory('AppAPIService', function($resource){
    return {
        serviceReports: $resource('rest/services/report', {}, {query: {method: 'GET', params: {}, isArray: false }})
    }});

controller.js

app.controller('AppCtrl1', ['$scope', 'AppAPIService', function($scope, AppAPIService) {

$scope.reportsQuery = AppAPIService.serviceReports.query();

$scope.setSelectedItem = function($rep) {

    //$('#selectedJobTemplates').empty();
    var sourceList = document.getElementById($rep); 

    $scope.availableReports = $scope.reportsQuery[sourceList.selectedIndex].reports;
    console.error($scope.reports);
}}]);

Html代码的一部分：

<div>
    <label for="workspace">Reporting</label>
    <div>
        <select name="reports" id="reports" ng-change="setSelectedItem('reports')">
                <option value="Full">Full</option>
                <option value="Quarter">Quarter</option>
        </select>
    </div>
</div>

   <div>
    <div>A</div>
        <div>
            <select name="availableReports" id="availableReports" class="height150" size="10" ng-model="availableReports" ng-options="item for item in availableJobTemplates">
            </select>
       </div>
    </div>

给定的JSON：

{"reportsQuery":[{"workspace":"HR & Management","reports":["Sales","Management","Marketing","Human-Resources"]},{"workspace":"Engineering","reports":["IT-Conultant","IT-Administration","Developer","Tester","Requirements-Engineer"]}]}

问题：关于ng-change of selection＆＃34; Reporting＆＃34;列表＆＃34; A＆＃34;正确填写。但是在列表A中选择元素之后，元素（在列表A中）消失并且所选元素例如消失。 ＆＃34;开发人员＆＃34;是显示每行中字符的字符？

我没有分配点击监听器？