Angular Material - Content


The md-content, an Angular Directive, is a container element and is used for scrollable content. The layout-padding attribute can be added to have padded content.


The following example shows the use of md-content directive and also the use of angular content display.


<html lang = "en">
      <link rel = "stylesheet"
         href = "">
      <script src = ""></script>
      <script src = ""></script>
      <script src = ""></script>
      <script src = ""></script>
      <script src = ""></script>
      <script type = "text/javascript">    
         angular.module('firstApplication', ['ngMaterial']);
   <body ng-app = "firstApplication" ng-cloak>
      <md-toolbar class = "md-warn">
         <div class = "md-toolbar-tools">
            <h2 class = "md-flex">HTML 5</h2>
      <md-content flex layout-padding>
         <p>HTML5 is the next major revision of the HTML standard superseding HTML
         4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and
         presenting content on the World Wide Web.</p>
         <p>HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the
         Web Hypertext Application Technology Working Group (WHATWG).</p>
         <p>The new standard incorporates features like video playback and drag-and-drop
         that have been previously dependent on third-party browser plug-ins such as Adobe
         Flash, Microsoft Silverlight, and Google Gears.</p>


Verify the result.