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

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

angular列表页面向详情页面传值,显示不同的内容_第1张图片

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


     处理
     已处理
     已处理

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: '<'
 }

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

{{$ctrl.order.note}}

 

你可能感兴趣的:(angular列表页面向详情页面传值,显示不同的内容)