如何將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更新