Angularjs中的用户界面引导的使用教程

1.新建uiBootstrap.html页面，引入依赖的射流研究…和钢性铸铁类库

2.新建uiBootstrap.js文件，定义一个uiModule模块，引入依赖的模块

/** *钟于2015/9/7创建*/var ui模块=角度。模块(' ui模块'，['ui.bootstrap '，' ui。路由器'])；});3.定义对话弹出窗口的模板

4.定义一个UiController，并声明一个用于打开对话弹出框的函数openDialog

ui模块。控制器(' ui控制器'，函数($scope，$modal){//打开对话的函数$ scope。opendialog=function(){ $ modal。打开({模板URL : ' mymodalcontent。html '，//对话框的id，与超文本标记语言建立的模板的编号一致控制器： '模式控制器'//指定对话的控制器});};})5.定义对话弹出框的模式控制器

这个控制器中声明弹出框中确认和取消按钮的单击事件的处理函数

控制器(“模式控制器”，函数($scope，$modalInstance){//定义对话中的确认按钮的点击事件的处理函数$ scope。ok=function(){ $ modalinstance。close()；//};//定义对话中的取消按钮的点击事件的处理函数$ scope。cancel=function(){ $ modalinstance。任务(“取消”)；}});5.在uiBootstrap.html文件中添加一个按钮，用于打开窗口

div ng-controller='UiController '按钮ng-click=' openDialog()' class=' BTN BTN-默认'打开弹出窗口/button/div6 .效果

补充：

以上所述是小编给大家介绍的Angularjs中的用户界面引导的使用教程，希望对大家有所帮助！