如何在angularJS中创建模态?

时间:2016-09-28 20:14:21

标签: angularjs modal-dialog

您好我无法在AngularJS中创建模型。我不知道从哪里开始以及如何开始在angularJS中创建模型。请分享您的建议或任何有关如何在AngularJS中创建模态的教程。谢谢!

2 个答案:

答案 0 :(得分:1)

这是你自己可以做的事情。但是,有很多库已经这样做了。

https://pathgather.github.io/popeye/

如果您想追求自己,请查看Ben关于该主题的文章。

http://www.bennadel.com/blog/2806-creating-a-simple-modal-system-in-angularjs.htm

答案 1 :(得分:1)

如果要创建自定义模式或对话框,首先需要创建一个指令,并且需要根据事件控制弹出窗口的行为,添加一个将打开对话框的处理程序,如

//Keep this event at the top of your hierarchy.
$scope.$on('OPEN_DIALOG_BOX',function(event,data){
    event.stopPropagation();//stops the event from bubbling up the event chain.
    //add a variable that will show or hide the modal dialog box.
    $scope.hideDialog = true;
    //use data to pass custom message to bind in your html.
    $scope.message = data.message; 
});

//Call this event
$scope.$emit('OPEN_DIALOG_BOX');

您可以使用角度材质dialog box

按照this blog

中的说明使用ng-dialog

FIDDLE FOR THE CODE SNIPPET

我希望这会有所帮助。