javascript - 如何在angularjs的ngDialog框中加载动态选项卡？

Question

Dynamic Tab Sample File Link -- Not Working

Static Tab Sample File Link -- Working

In NgDialog Tabs Not Showing

在上面的链接中，我为带有选项卡的 ngDialog 模型添加了示例文件。在索引中 我根据 array1 值调用动态选项卡的页面。我在 template1 html 文件中做了同样的事情。在索引选项卡中根据值正确显示。

在打开模型按钮中，我调用了 template1 html 文件，我也对选项卡做了同样的事情，但它没有显示。我可以知道为什么在 ngdialog 中打开时标签不显示吗？我在哪里弄错了？谁能帮我解决这个问题..

对于静态:

 <tabs>
<pane title="Tab1">
  <div>This is the content of the first tab.</div>
</pane>
<pane title="Tab2">
  <div>This is the content of the second tab.</div>
</pane>

对于动态:

  <tabs>
      <subpane array=array1></subpane>
</tabs>

详细信息来自:

    $scope.array1 = [{
                          "Title": "Tab1",
                          "FileName": "template.html",
                          "Path": "",
                          "SeqNo": 0

                        },
                        {
                          "Title": "Tab2",
                          "FileName": "template1.html",
                          "Path": "",
                          "SeqNo": 1
                        }];

当前输出:

预期输出:

Answer 1

template1.html 中的 Controller 是“Main”。但是，当您打开对话框时，您指定 Controller 为“测试”。

ngDialog.open({ template: 'template1.html',controller: 'test', className: 'ngdialog-theme-default', data:$scope.obj});

但 array1 在“主” Controller 中，因此“测试” Controller 中没有 array1，也没有可显示的选项卡。