AngularJS表数据刷新基于所选的下拉列表值

时间:2013-11-20 13:55:09

标签: angularjs angularjs-scope angularjs-ng-repeat

有兴趣阅读AngularJS文章,尤其是新学员。

目前我正在开发一个项目,该项目有一个senario来选择父列表控件来填充另一个下拉列表PLUS每当list1选择了一个子表数据需要刷新时,每当list2被选中时,表数据需要再次刷新尊重list1和list2。我已经完成了list1和list2依赖的填充,但无法将这些列表框链接到具有给定JSON数据结构的表。

JSON DATA

{
    "STREAM_ID_1":{
    "stream":"STREAM ONE",
    "stream_level_all_tier_data":{
           "tier_id_1":{
          "Type":"Applications ONE",
          "Service":"Test Service ONE"
           },
           "tier_id_2":{
          "Type":"Applications TWO",
          "Service":"Test Service TWO"
           },
           "tier_id_3":{
          "Type":"Applications THREE",
          "Service":"Test Service THREE"
           }
        },
    "sectors":{
     "SECTOR_ID_1":{
        "sector":"Global Sector ONE",
        "sector_level_tier_data":{
           "tier_id_1":{
          "Type":"Applications ONE",
          "Service":"Test Service ONE"
           },
           "tier_id_2":{
          "Type":"Applications TWO",
          "Service":"Test Service TWO"
           }
        }
     },
     "SECTOR_ID_2":{
        "sector":"Global Sector TWO",
        "sector_level_tier_data":{
           "tier_id_3":{
          "Type":"Applications THREE",
          "Service":"Test Service THREE"
           }
        }
     }
    }
    }
}

CONTROLLER

.controller('nestedController', function ($scope, $http) {
    $http.get('json/jdata.json').success(function (data) {
        $scope.jdata = data;
    });

发生List1更改时 - List2获得依赖avlue - 表数据应显示与List1值相关的tier_id_1,tier_id_2和tier_id_3(类型,服务)值。

发生List2更改时 - 表数据应显示tier_id_1,tier_id_2或tier_id_3(类型,服务)值,这些值基于从List2值中选择的扇区,即“Global Sector ONE”或“Global Sector TWO”。

感谢您是否可以通过记住上述数据结构来指导我如何将下拉列表与表格联系起来。

提前致谢。 拉温德拉。

0 个答案:

没有答案