angulsrjs2.0---demo---使静态文字每秒随机变颜色

是金子早晚要花光

于 2017-08-01 16:32:41 发布

阅读量299

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/shunzi1046/article/details/76542427

版权

angular 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

大神勿喷，在下是做后端的，才看了一点angularjs2.0，作为笔记，只为方便拿取....

<!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";
                  var self = this;
                setInterval(function(){
                    self.color = '#'+(Math.random()*0xffffff<<0).toString(16); 
                },1000);
    		
            }
             
        }
                
        bootstrap(EzApp);

    </script>
</body>
</html>