1

我正在做一个项目，其中有大约十几个模板（将来会有更多），我需要在弹出/模态对话框中显示这些模板。我用谷歌搜索，但我不太喜欢我看到的解决方案（示例），所以我决定自己做。

我正在努力在我的控制器中拥有这样的界面。

  $scope.popup1Buttonclicked = function(){
    dialogService.showdialog("popup1",$scope.popup1data,function(result,data){
      if(result == "OK"){
        //save data
      }
    });
  };

在我的对话服务中，我正在做这样的事情：

myApp.service("dialogService",function($compile){

  this.showdialog = function(popupid,data,callback){
      var html = "<div>name: {{data.name}}</div>";
      var element = $compile(html)(data);
      $("#pop").append(element);
      //$("#pop").showDialog(element);
  };

  });

我想在弹出窗口上进行两种方式绑定，以便在对话框关闭后，我可以将更新的数据传递给回调函数。

请查看 plunker：http ://plnkr.co/edit/uhZ0r0rXCacnvoyCP7nQ?p=preview

谁能指出我正确的方向？

4

2 回答 2

1

查看您的代码示例后：

$compile(html)(data);

data - 这里应该是 $scope。

于 2013-10-01T11:58:20.830 回答
0

看看这个：http ://plnkr.co/edit/SUQnUhX0wyi9UDMc4Vpl?p=preview

我创建了一个指令来管理弹出窗口。这会在单击关闭按钮时触发控制器回调，并将输入框中的数据传递给它。据我了解，这大致完成了您想要实现的目标。

于 2013-10-01T12:20:14.197 回答