Angular Material - 内容小部件
md-content 是一个 Angular 指令，是一个容器元素，用于可滚动内容。 可以添加 layout-padding 属性来填充内容。
示例
以下示例展示了 md-content 指令的使用以及角度内容显示的使用。
am_content.html
<html lang = "en">
<head>
<link rel = "stylesheet"
href = "https://www.w3ccoo.com/lib/angular_material/1.0.0/angular-material.min.css">
<script src = "https://cdn.staticfile.org/angular.js/1.4.8/angular.min.js"></script>
<script src = "https://cdn.staticfile.org/angular.js/1.4.8/angular-animate.min.js"></script>
<script src = "https://cdn.staticfile.org/angular.js/1.4.8/angular-aria.min.js"></script>
<script src = "https://cdn.staticfile.org/angular.js/1.4.8/angular-messages.min.js"></script>
<script src = "https://www.w3ccoo.com/lib/angular_material/1.0.0/angular-material.min.js"></script>
<script type = "text/javascript">
angular.module('firstApplication', ['ngMaterial']);
</script>
</head>
<body ng-app = "firstApplication" ng-cloak>
<md-toolbar class = "md-warn">
<div class = "md-toolbar-tools">
<h2 class = "md-flex">HTML 5</h2>
</div>
</md-toolbar>
<md-content flex layout-padding>
<p>HTML5 是 HTML 标准的下一个主要修订版本，取代 HTML 4.01、XHTML 1.0 和 XHTML 1.1。 HTML5 是在万维网上构建和呈现内容的标准。</p>
<p>HTML5 是万维网联盟 (W3C) 和 Web 超文本应用技术工作组 (WHATWG) 之间的合作成果。</p>
<p>新标准整合了视频播放和拖放等功能，这些功能以前依赖于 Adobe Flash、Microsoft Silverlight 和 Google Gears 等第三方浏览器插件。</p>
</md-content>
</body>
</html>
结果
验证结果。
❮ angular_material_widgets.html
