初识angular2

因公司项目需求，技术栈转到了angular2、（因为1已经过时了），便开始学习，为使用ionic2开发hybird的APP做准备。

对于属性的绑定、属性使用中括号[]，举例 [style.color]="color"，color为属性、style.color为要传的值。传值位置跟双向绑定大致一样。

事件
使用一对小括号包裹事件名称，并绑定 到表达式即可，如(click)="onClick()",具体函数跟事件绑定和属性大致是一样的位置，写法为：
this.onClick = function(){}

import {Component,View,bootstrap} from "angular2/angular2";

        @Component({selector:"ez-app"})
        @View({
            template:`  
                
Your turn! {{sb}}
                ROULETTE
            `
        })
        class EzApp{
            constructor(){
                this.names = ["Jason","Mary","Linda","Lincoln","Albert","Jimmy"];
                this.roulette();
            }
            //轮盘赌
            roulette(){
                var idx = parseInt(Math.random()*this.names.length);
                this.sb = this.names[idx];
            }
        }
                
        bootstrap(EzApp);