Javascript 如何解析和使用从父页面传递的json对象？

如果这个问题已经得到回答，我提前道歉。我已经在谷歌上搜索了几个小时，但仍然没有找到任何似乎能回答我确切问题的东西

这是我的密码：

<ion-content>
    <div class="list">
        <div style="padding: 0px; margin: 0px;" class="item">
            <div class="row"
                 ng-repeat="x in orders|orderBy:'order_id'| filter:{ paid: '0' } ">
                <div class="col left">
                    {{x.order_id}}
                </div>                                                  
                <div class="col left">
                    <a ng-href="#/tab/orderdetails?detail={{x.detail}}">订单详情</a>
                </div>
            </div>
        </div>
    </div>                        
</ion-content>

---

我想知道如何解析和使用orderdetails.html中传递的对象。谢谢。

您可以将数据作为如下状态参数传递

<ion-content>
                    <div class="list">
                        <div style="padding: 0px; margin: 0px;" class="item">
                            <div class="row"
                                 ng-repeat="x in orders|orderBy:'order_id'| filter:{ paid: '0' } ">
                                <div class="col left">
                                    {{x.order_id}}
                                </div>                                                  <div class="col left">
                                    <a ng-href="#/tab/orderdetails/{{x.detail}}">订单详情</a>
                                </div>
                             </div>
                        </div>
                    </div>                        
           </ion-content>

.state('tabs.orderdetails', {
      url: "/orderdetails/:whateverdata",
      views: {
        'home-tab': {
          templateUrl: "templates/orderdetails.html"
        }
      }
    })

---

您将在controller for orderdetails选项卡中以$stateParams的形式获取数据。whateverdata

@skubski，感谢您的关注。我是angularjs的新手，你能告诉我怎么用吗？是一个类似问题的极好答案。谢谢，@skubski，我来看看。谢谢，@skubski！它对我有用！！下面是另一个问题~更新您的答案，告诉您如何使用ui sref以及如何使用$stateParams获取控制器中的数据，以便完全回答。@skubski正如我在href中所述，无论我们传递什么作为状态参数，我们都必须在状态url中指定它。在这种情况下，whateverdata是现在运行的控制器的变量tabs.orderdetails您可以使用$stateParams.whateverdata.@Swapnil Shende，谢谢您的关注，但是当我按照您的步骤操作时，链接不存在，工作页无法打开opened@IsaacLi我抄错代码了。我现在已经编辑过了。这应该work@IsaacLi它给出了什么错误。它在早些时候起作用了吗。您在控制器中注入了$stateParams。否则你可以做一把小提琴。

<ion-content>
                    <div class="list">
                        <div style="padding: 0px; margin: 0px;" class="item">
                            <div class="row"
                                 ng-repeat="x in orders|orderBy:'order_id'| filter:{ paid: '0' } ">
                                <div class="col left">
                                    {{x.order_id}}
                                </div>                                                  <div class="col left">
                                    <a ng-href="#/tab/orderdetails/{{x.detail}}">订单详情</a>
                                </div>
                             </div>
                        </div>
                    </div>                        
           </ion-content>

.state('tabs.orderdetails', {
      url: "/orderdetails/:whateverdata",
      views: {
        'home-tab': {
          templateUrl: "templates/orderdetails.html"
        }
      }
    })