📜  如何使用 AngularJS 获取视口的尺寸?

📅  最后修改于: 2021-11-08 05:41:48             🧑  作者: Mango

在本文中,我们将看到如何在 AngularJS 中获取 Viewport 的尺寸。

方法:

  • 方法是使用clientWidth 和 innerWidth 属性。
  • 这些值的最大值应该分别是宽度和高度。

示例 1:在此示例中,以像素为单位计算高度和宽度。

HTML
 

  

    
  
    
 
  

    

           GeeksForGeeks       

                

        How to get the dimensions of the          Viewport in AngularJS     

       
           
                         

            Height of viewport = {{height}}px             
            Width of viewport= {{width}}px             
        
      
        


HTML
 

  

    
  
    
 
  

    

           GeeksForGeeks       

           

        How to get the dimensions of the Viewport in AngularJS     

       
           
                         
            
            Height of viewport = {{height * 2.54 / 96}}cm             
            Width of viewport= {{width * 2.54 / 96}}cm             
        
      
        


输出:

示例 2:在此示例中,高度和宽度以厘米为单位计算。

HTML

 

  

    
  
    
 
  

    

           GeeksForGeeks       

           

        How to get the dimensions of the Viewport in AngularJS     

       
           
                         
            
            Height of viewport = {{height * 2.54 / 96}}cm             
            Width of viewport= {{width * 2.54 / 96}}cm             
        
      
        

输出: