angular列表页面向详情页面传值，显示不同的内容

近期项目中使用angular1.6，自己总结了列表页面向详情页面传值的问题。

需求是从此列表进入一个详情页面，需要给详情页面传入不同的值，详情页面需要接收值，显示不同的内容

<a href="javascript:;">
     <span class="btn btn-default btn-sm" ng-click='$ctrl.deal(item)' ng-if="item.status == 0">处理</span>
     <span class="btn btn-default btn-sm" ng-click='$ctrl.dealok(item)' ng-if="item.status == 1">已处理</span>
     <span class="btn btn-default btn-sm" ng-click='$ctrl.dealok(item)' ng-if="item.status == 2">已处理</span>
</a>
<div ng-if='!$ctrl.list'>
    <order-deal orderid='$ctrl.orderid' mode="$ctrl.mode"></order-deal>
</div>

vm.deal = function (order) {
    vm.orderid = order.askOrderId;
    vm.list = false;
    vm.mode = orderEdit
}
vm.dealok = function (order) {
    vm.orderid = order.askOrderId;
    vm.list = false;
    vm.mode = orderView
}

 以上为列表页代码片段

---

以下为详情页面的组件传入的值

bindings: {
   show: '<',
   mode: '<',
   orderid: '<'
 }

在详情页面传入值，做不同的判断，显示不同的内容

<div class="order-deal" ng-if='$ctrl.mode === $ctrl.orderView'>
   <label class="order-deal-w">不成团原因：</label>
   <span >{{$ctrl.order.note}}</span>
</div>