角度成分は、私は、以下の角度成分を持つページ

Question

に表示されていません私はそれを調べるモードを見つけることができます。

これは私のhtmlページです：

<div class="demand page"> 
    <div id="crumby-title"> 
     <div class="page-icon"> 
      <i class="fa fa-line-chart"></i> 
     </div> 
     <div class="page-title-demand" > 
      <my-header page-title="Title!"></my-header> 
     </div> 
     <div class="bcrumb"> 
      <a href="/#!/url">Link to page</a> 
     </div> 
    </div> 
    <div class="my-nav"> 
    </div> 
    <div id="chart" class="demand-chart"> 
    </div> 

</div> 

それとも私が私のcss

@import '../../styles/variables.less'; 
.my { 
    .app__header { 
     background-color: #ffffff; 
     box-shadow: 1px 2px 2px rgba(1, 1, 1, 0.15); 
    } 
    .app__inner-content { 
     background-color: #ffffff; 
    } 

    .demand-chart{ 
     padding-top: 50px; 
    } 

    #crumby-title { 
     display: flex; 
     align-items: center; 
     border-bottom: 1px solid #eee; 

     .page-icon { 
      font-size: 20px; 
      padding: 14px 18px; 
      background: #e7e7e7; 
      position: absolute; 
     } 

     .page-title-demand { 
      float: left; 
      font-size: 20px; 
      font-weight: bold; 
      padding: 5px 21px 31px 79px; 
      height: 55px; 
     } 

     .bcrumb { 
      float: left; 
      top: 29px; 
      left: 75px; 
      position: absolute; 
     } 
    } 

    .my-nav { 
     border-bottom: 1px solid #e7e7e7; 
     padding-top: 10px; 
     padding-bottom: 30px; 
    } 
} 

コンポーネントからのテキストがページに表示されていない理由を任意のアイデアで何かを変更する必要がありますか？

Answer 1

これは

(function() { 
    'use strict'; 
    var HeaderComponent = { 
    bindings: { 
     pageTitle: '@' 
    }, 
    template: '<div class="crumby-title">{{$ctrl.pageTitle}}</div>' 
    } 
    angular.module('myapp', []) 
    .component('myHeader', HeaderComponent); 
})(); 

<my-header page-title="Title!"></my-header>