如何正确的使用angularjs模态框

这篇文章给大家介绍如何正确的使用angularjs模态框,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

成都创新互联公司长期为1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为五指山企业提供专业的做网站、网站制作五指山网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

1.触发模态框的点击事件

{{ 'i18n.add' | translate }}

2.模态框页面


  
    
      
        ×
         文档入库
      
                                                           分类:                                                                                                   
              
                                                                       
                                           
                                                                                                             星级:                                                                                                                                                                                                                井号:                                                           作者:                                                           单位:                                                           写作日期:                                                           简介:                                                           可能的查询关键字:                                                                                                                                  {{ 'i18n.save'           | translate }}                  {{           'i18n.cancel' | translate }}                        

3.编写对应的js

/**
         * 点击 添加事件打开模态框
         */
        function openAddModal() {
          $('#documentOprModal').modal({
            show: true,
            keyboard: false,
            backdrop: 'static'
          });
        }

关于如何正确的使用angularjs模态框就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前文章:如何正确的使用angularjs模态框
文章路径:http://scjbc.cn/article/iedjps.html