使用json设计表的问题

时间:2015-04-21 11:58:28

标签: html angularjs html5 twitter-bootstrap

我正面临着bootstrap和json的设计问题。 json用angular解析。 请查看Plunker。你可以看到结果 位置,限制标题与以下数据不匹配。请帮我解决一下。

我的json是

$scope.Product = [
{
    "PolicyProductId": 7,
    "PolicyProductName": "Onview Business Mobile Deposits",
    "ProhibitedLocationDefaultAction": 10,
    "AllowedGeoLocations": [
      {
        "PolicyId": 149,
        "PolicyProductId": 7,
        "CountryId": 356,
        "CountryName": "INDIA",
        "StateId": 25,
        "StateName": "Telangana",
        "City": "Hyderabad",
        "Area": 0,
        "Action": 0,
        "ActionDesc": "",
        "Status": 1
      },
      {
        "CountryId": 356,
        "StateId": 30,
        "City": "",
        "Action": 0,
        "CountryName": "INDIA",
        "StateName": "Andaman and Nicobar Islands",
        "PolicyProductId": 7
      }
    ],
    "DisAllowedGeoLocations": [
      {
        "PolicyId": 149,
        "PolicyProductId": 7,
        "CountryId": 840,
        "CountryName": "UNITED STATES",
        "StateId": 0,
        "StateName": "",
        "City": "",
        "Area": 0,
        "Action": 30,
        "ActionDesc": "Send for Review",
        "Status": 0
      },
      {
        "CountryId": 356,
        "StateId": 30,
        "City": "Andaman",
        "Action": 40,
        "ActionDesc": "Don't Allow Deposit",
        "CountryName": "INDIA",
        "StateName": "Andaman and Nicobar Islands",
        "PolicyProductId": 7
      }
    ]
  },{
    "PolicyProductId": 7,
    "PolicyProductName": "Onview Deposits",
    "ProhibitedLocationDefaultAction": 10,
    "AllowedGeoLocations": [
      {
        "PolicyId": 149,
        "PolicyProductId": 7,
        "CountryId": 356,
        "CountryName": "INDIA",
        "StateId": 25,
        "StateName": "Telangana",
        "City": "Hyderabad",
        "Area": 0,
        "Action": 0,
        "ActionDesc": "",
        "Status": 1
      },
      {
        "CountryId": 356,
        "StateId": 30,
        "City": "",
        "Action": 0,
        "CountryName": "INDIA",
        "StateName": "Andaman and Nicobar Islands",
        "PolicyProductId": 7
      }
    ],
    "DisAllowedGeoLocations": [
      {
        "PolicyId": 149,
        "PolicyProductId": 7,
        "CountryId": 840,
        "CountryName": "UNITED STATES",
        "StateId": 0,
        "StateName": "",
        "City": "",
        "Area": 0,
        "Action": 30,
        "ActionDesc": "Send for Review",
        "Status": 0
      },
      {
        "CountryId": 356,
        "StateId": 30,
        "City": "Andaman",
        "Action": 40,
        "ActionDesc": "Don't Allow Deposit",
        "CountryName": "INDIA",
        "StateName": "Andaman and Nicobar Islands",
        "PolicyProductId": 7
      }
    ]
  }
]

0 个答案:

没有答案