angular管道-（时间格式-对象显示-数字截取-列表截取）

<h1>管道</h1>
<p>时间</p>
<P>{{d}}</P>
<p>{{d|date:'yy-MM-dd HH:mm:ss'}}</p>

export class AppComponent {
  title = 'myng';
  d= new Date() ;
}

对象 json

<p>对象</p>
<p>json</p>
<p>{{obj}}</p>
<p>{{obj|json}}</p>

export class AppComponent {
  title = 'myng';
  obj={name:"木木",age:18 ,arr:[1,2,3]}
}

数字 截取

number :'整数最小N位 .小数最小N位-小数最多N位'

<p>数字</p>
<p>number</p>
<!--   number:'整数最小n位.小数最小n位-小数最多n位'  -->
<p>数字：{{3.1415926}}</p>
<p>数字：{{3.1415926|number:'1.1'}}</p>
<p>数字：{{3.1415926|number:'1.2'}}</p>
<p>数字：{{3.1415926|number:'1.2-1'}}</p>
<p>数字：{{3.1415926|number:'1.2-2'}}</p>
<p>数字：{{3.1415926|number:'2.2-2'}}</p>

list 字段 截取

slice:0:2 从第0位 到第2位截取

<p>截取</p>
<p>slice</p>
<ul>
  <li
   *ngFor="let item of list;let i=index"
  [ngClass]="{'active':i==current}"
      >
     {{i+1}}   {{item}}
  </li>
</ul>
<!---     slice:0:2  从第0位 到第2位截取                 -->
<ul>
  <li
   *ngFor="let item of list|slice:0:2;let i=index"
  [ngClass]="{'active':i==current}"
      >
     {{i+1}}   {{item}}
  </li>
</ul>

export class AppComponent {

  list =["你","我","她"];

  // 意思是默认没有选中
  current = null;
  setCurrent(w,i){
    this.current=i;
  }

}