html 来自http://www.tutorialspoint.com/angular_material/angular_material_quick_guide.htm

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 来自http://www.tutorialspoint.com/angular_material/angular_material_quick_guide.htm相关的知识，希望对你有一定的参考价值。

<html lang="en" >
   <head>
      <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	  <style>
         .vrepeatContainer #horizontal-container {
           height: 100px;
           width: 830px; 
         }

         .vrepeatContainer #vertical-container {
             height: 292px;
             width: 400px; 
         }

         .vrepeatContainer .repeated-item-horizontal {
            border-right: 1px solid #ddd;
            box-sizing: border-box;
            display: inline-block;
            height: 84px;
            padding-top: 35px;
            text-align: center;
            width: 50px; 
         }

         .vrepeatContainer .repeated-item-vertical {
            border-bottom: 1px solid #ddd;
            box-sizing: border-box;
            height: 40px;
            padding-top: 10px;
         }

         .vrepeatContainer md-content {
            margin: 16px; 
         }
         .vrepeatContainer md-virtual-repeat-container {
            border: solid 1px grey; 
         }	  
	  </style>
      <script language="javascript">
         angular
            .module('firstApplication', ['ngMaterial'])
            .controller('vrepeatController', vrepeatController);
           
            function vrepeatController ($scope) { 
               this.items = [];
               for (var i = 0; i < 1000; i++) {
                  this.items.push(i);
               }
            }	  
      </script>      
   </head>
   <body ng-app="firstApplication"> 
      <div class="vrepeatContainer" ng-controller="vrepeatController as ctrl" ng-cloak>
         <md-content layout="column">
            <h2>Horizontal Repeat</h2>
            <md-virtual-repeat-container id="horizontal-container" md-orient-horizontal>
               <div md-virtual-repeat="item in ctrl.items"
                  class="repeated-item-horizontal" flex>
                  {{item}}
               </div>
            </md-virtual-repeat-container>
            <h2>Vertical Repeat</h2>
            <md-virtual-repeat-container id="vertical-container">
                <div md-virtual-repeat="item in ctrl.items"
                  class="repeated-item-vertical" flex>
                  {{item}}
               </div>
            </md-virtual-repeat-container>
         </md-content>
      </div>
   </body>
</html>

以上是关于html 来自http://www.tutorialspoint.com/angular_material/angular_material_quick_guide.htm的主要内容，如果未能解决你的问题，请参考以下文章

html JavaScript导入后备（来自HTML5 Boilerplate）

HTML 来自Google Code的HTML 5 shiv

html 来自JavaScript.html的il metodo fromCharCode（）

html 来自http://www.websocket.org/echo.html