angular2实现文本每秒换一次颜色

来源:互联网 发布:帝国cms目录0777权限 编辑:程序博客网 时间:2024/04/28 13:39
<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>template - bind propery</title>
    <script type="text/javascript" src="lib/system@0.16.11.js"></script>
    <script type="text/javascript" src="lib/angular2.dev.js"></script>
    <script type="text/javascript" src="lib/system.config.js"></script>
</head>
<body>
<ez-app></ez-app>
    
    <script type="module">
    import {bind,Component,View,bootstrap} from "angular2/angular2";


        @Component({selector:"ez-app"})
        @View({
template:`<h1 [style.color]="color">Hello,Angular2</h1>`
})
      class EzApp{
  constructor(){
this.color = "red";
                setInterval(()=>{
                    this.color = '#'+(Math.random()*0xffffff<<0).toString(16); 
                },1000);
}
    }


                
        bootstrap(EzApp);


    </script>
</body>
</html>
0 0
原创粉丝点击