使用ng-repeat将下拉列表的ng-change绑定到表中

Question

我希望数据根据所选值显示在表格中。我想在触发下拉列表的ng-change时获取数据后将数据绑定到表

   <div ng-app="myapp" ng-controller="prodctrl" >
    <select id="BrandDropdown" class="InstanceList" ng-change="GetBrandProd()" ng-model="Products">
    <option>Select Brand</option>
    @if (ViewBag.dataset != null)
    {
        foreach (string str in (string[])ViewBag.dataset)
        {
        <option value='@str.Split('/')[0]'>@str.Split('/')[1]</option>
        }
    }
</select>
    <table ng-model="Products">
        <tr ng-repeat="P in Products track by $index">
            <td >{{x.Id}}</td>
            <td >{{X.Rank}}</td>
            <td >{{x.Name}}</td>
        </tr>
    </table>
</div>  

这个代码

 var app = angular.module('myapp', []);

app.controller('prodctrl', function ($scope, $http) {

    $scope.GetBrandProd = function () {
        var Id = $('#BrandDropdown').val();
        $http({
            method: "GET",
            url:  "/Home/GetProdBrand",
            params: {
                id:Id
            }


        })
        .success(function (response) {
            $scope.Products = response.records;
        });

  }

})

我能够在response.records中成功获取数据。但在我得到数据之后没有任何事情发生