動態綁定指令範圍

Question

如何將新範圍綁定到指令？

例如，我們有產品目錄，如果您單擊產品 - 彈出窗口將顯示。 主要部分是我不想創建100個將隱藏的彈出窗口，並通過類似model.id的方式打開該彈出窗口

我想要做的就是將某些模型綁定到彈出窗口上，產品拇指。

<li ng-repeat="product in products"> 
    <button ng-click="openPopup(product)"></button> 
</li> 


// Some controller 
... 
$scope.openPopup = function(product) { 
    var popup = angular.element('<popup product="product"></popup>'); 

    // Of course is not working because i want to bind this `product` argument 
    $compile(popup)($scope); 
} 

有人能告訴我如何處理它嗎？ 感謝

Answer 1

我想，我們每次只顯示一個彈出的樣品中，彈出窗口模式

模板：

<li ng-repeat="product in products"> 
    <button ng-click="openPopup(product)"></button> 
</li> 

<popup ng-show="showPopup" product="selected_product"></popup> 

控制器：

$scope.openPopup = function(product) { 
    $scope.selected_product = product; 
    $scope.showPopup = true; 
}