如何将ng-repeat中的当前对象传递给$ mdDialog？

Question

对话框应包含当前选定产品的详细信息。如何使它工作？

目前这不起作用：<h2>Order: {{product.name}}</h2>

CodePen

Answer 1

你需要传递locals属性：

在ng-click添加产品：

<md-button class="md-primary md-raised" ng-click="showAdvanced($event, product)"> 

在对话将其传递为locals：

$mdDialog.show({ 
     controller: DialogController, 
     templateUrl: 'orderDialog.tmpl.html', 
     parent: angular.element(document.body), 
     targetEvent: ev, 
     clickOutsideToClose: true, 
     fullscreen: useFullScreen, 
     locals:{dataToPass: product}, 
    }) 

在控制器将其分配给scope：

var mdDialogCtrl = function ($scope, dataToPass) { 
    $scope.product = dataToPass 
} 

Codepen更新