angularjs模态框的使用代码实例

这篇文章主要介绍了angularjs模态框的使用代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

编写html页面

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

{{ 'i18n.add' | translate }}

2.模态框页面

  

    

      

        ×
        
 文档入库
      
      

        
        

          
          

            分类：
            

              

                
                

                   
                
              
              

                

                  

                    

                      

                    
                  
                
              
            
          
          
          

            星级：
            

              
                
                  
                
                
                  

                
              
            
          
          
          

            井号：
            
          
          
          

            作者：
            
          
          
          

            单位：
            
          
          
          

            写作日期：
            
          
          
          

            简介：
            
          
          
          

            可能的查询关键字:
            
          
          
          

            

              
            
          
        
      
      

        {{ 'i18n.save'
          | translate }}
        
        {{
          'i18n.cancel' | translate }}
        
      
    
  

3.编写对应的js

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。