动态绑定指令范围

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; 
}