使用angularjs在下拉列表中绑定ng-grid选择的索引更改 [英] Bind ng-grid on dropdown selected index change using angularjs

问题描述

你好朋友，



当我要在下拉列表选择索引更改时绑定ng-grid时，我遇到问题。

I认为页面没有在下拉选定的索引更改后重新加载。



控制器代码： -

Hello frnds,

I am facing problem when I am going to bind ng-grid on dropdown selected index change.
I think page is not reload after drop down selected index change.

Controller code :-

$scope.GetUserDetailsByCompany = function (item) {
    var params = { companyId: item.CompanyID };
    $http.get("UserCriteria/GetUserDetailsByCompany", { params: params }).success(function (data) {
        $scope.userData = data.UsersData;
        $scope.gridOptions = { data: 'userData' };
    });
}

<select ng-model="ddlCompany" class="form-control" ng-options="c.CompanyName for c in CompanyData track by c.CompanyID" ng-change="GetUserDetailsByCompany(ddlCompany)">                       
 
<div class="gridStyle" ng-grid="gridOptions">            
</div>

我的尝试：



我在页面加载时尝试将数据绑定到ng-grid，它工作正常。

但是在下拉列表中更改它无效。

What I have tried:

I tried data bind to ng-grid on page load, its working fine.
but on dropdown change its not working.

推荐答案

scope.GetUserDetailsByCompany = function （item）{
var params = {companyId：item.CompanyID};

scope.GetUserDetailsByCompany = function (item) { var params = { companyId: item.CompanyID };

http.get（ UserCriteria / GetUserDetailsByCompany，{params：params}）。success（功能（数据）{

http.get("UserCriteria/GetUserDetailsByCompany", { params: params }).success(function (data) {

scope.userData = data.UsersData;

scope.userData = data.UsersData;

这篇关于使用angularjs在下拉列表中绑定ng-grid选择的索引更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！