HTML

<marquee direction="right" ngDefaultControl [ngStyle]="marqueemove_A" [(ngModel)]="marqueevalue">{{marqueevalue}}</marquee>

TS

 marqueevalue : String = "擼起袖子加油幹,爭取專案早上線!"

  marqueemove_A={
    'font-family': '華文行楷',
    'font-size': '1.5em',
     width:'78%',
    'margin-left':'8%',
     float:'left',
     'margin-top':'-3%',
  
  }
 

東西很簡單,只需要一行HTML程式碼就可以實現,關鍵是知道<marquee>標籤，它是成對出現的標籤，首標籤<marquee>和尾標籤</marquee>之間的內容就是滾動內容,<marquee>標籤的屬性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它們都是可選的。

其中direction屬性是文字滾動的方向，屬性的引數值有down、left、right、up共四個單一可選值，分別代表滾動方向向下、向左、向右、向上。如下所示: 
    <marquee

behavior屬性 
behavior屬性的引數值為alternate、scroll、slide中的一個，分別表示文字來回滾動、單方向迴圈滾動、只滾動一次，需要注意的是:如果在<marquee>標籤中同時出現了direction和behavior屬性，那麼scroll和slide的滾動方向將依照direction屬性中引數的設定。 
    <marquee