ng-bootbox:同一视图上的多个自定义模式(同一个控制器)

时间:2018-02-08 18:13:10

标签: javascript angularjs templates bootstrap-modal bootbox

我正在使用ngBootBox在angularJS项目中使用bootstrap模式对话框。但是当我在同一页面中尝试使用不同模板的两个自定义对话框时,我遇到了一个问题。

deriv <- function(x, y) diff(y) / diff(x)
middle_pts <- function(x) x[-1] - diff(x) / 2
second_d <- lapply(unique(df$id),
                   function(x) deriv(middle_pts(df$Time[df["id"]==x]), deriv(df$Time[df["id"]==x], df$SkinTemp[df["id"]==x])))

我有这两个按钮,但似乎第一个模板url被第二个按钮覆盖;因此,两个模态都会打开相同的模板,即./templates/modal/add-ticket.html 当我删除第二个按钮,然后第一个按预期工作。

这不仅限于两个模式,我尝试添加更多它们将全部解析到最后一个的模板网址,并且所有这些模式将在打开时显示相同的内容。

1 个答案:

答案 0 :(得分:1)

您可以在按钮中使用不同的dialogOptions个对象。

$scope.viewDialogOptions= {
  scope: $scope
}

$scope.editDialogOptions= {
  scope: $scope
}

在html中你可以拥有:

// Button 1
ng-bootbox-options="viewDialogOptions"

// Button 2
ng-bootbox-options="editDialogOptions"

例如,请参阅更新的plunker

希望有所帮助。