title: Using div id parameter as html tag
body: <p>I'm quite new in front-end development. It's Angular Material.
  I'm trying to get access to my div element in other hmtl from parent.
  What I'm trying to do.</p>
  
  <p><strong>div.html</strong>
  </p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;h1&gt;My work in progress&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <p><strong>main.html</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div layout="row" id="chart-section"&gt;
  &lt;div flex="20" &gt;
    &lt;myDiv /&gt;     
  &lt;/div&gt;    
  </code></pre>
  
  <p></p>
  
  
  
  <p>I'm using it in the same app.</p>
  
  <p><strong>main_controller.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>(function ()
  {
      'use strict';
      angular
          .module('app.chart')
          .component('chartSection', chartSectionComponent());
  
      /** @ngInject */
      function chartSectionComponent() {
          return {
              templateUrl: 'app/main/apps/chart/components/chart-section/chart-section.html',
              controller: chartSectionController
          }
      }
  
      /** @ngInject */
      function chartSectionController() {         
      }       
  })();
  </code></pre>
  
  
  
  <p><strong>myDivController.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>(function ()
  {
    'use strict';
  
    angular
      .module('app.chart')
      .component('in-progress', inProgressComponent());
  
    /** @ngInject */
    function inProgressComponent() {
      return {
        templateUrl: 'app/main/apps/chart/components/in-progress/in-progress.html',
        controller: inProgressController
      }
    }
  
    /** @ngInject */
    function inProgressController(chartService, $log) {
  
    }
  })();
  </code></pre>
  
  
  
  <p><strong>main-module.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>(function ()
  {
      'use strict';
  
      angular
          .module('app.chart', [])
          .config(config);
  
      /** @ngInject */
      function config($stateProvider, $translatePartialLoaderProvider)
      {
          // State
          $stateProvider.state('app.restricted.chart', {
              url      : '/chart/:chartId',
              views    : {
                  'content@app': {
                      template: '&lt;chart /&gt;'
                  }
              },
              params: {
                  chart: null
              }
          });
  
          // Translation
          $translatePartialLoaderProvider.addPart('app/main/apps/chart');
      }
  })();
  </code></pre>
  
  <p>
  I'm using this theme <a href="http://fuse-angular-material.withinpixels.com/dashboard-project" rel="nofollow">http://fuse-angular-material.withinpixels.com/dashboard-project</a>
  How I can emplement it? Thank you.</p>