typescript 双向绑定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript 双向绑定相关的知识,希望对你有一定的参考价值。

import {Component} from '@angular/core';

@Component({
    selector: "two-way-binding",
    template: `
        <!-- Main component for a primary marketing message or call to action -->
        <div class="jumbotron">
            <h1>{{ title.title }}</h1>
            <p>{{ title.description }}</p>
            <p>Two Way Bidnig : {{ twoWay }}</p>
            
            <input type="text" [(ngModel)]="twoWay"><input type="button" value="Reset" (click)="twoWay='' ">


            
        </div>


        
        `
})

export class TwoWayBindingComponent {
    isActive = false;

    twoWay = "Hello Gagu";

    title = {
        title: "Two Way Binding",
        description: "Two Way Binding in angular 2."
    }

}

以上是关于typescript 双向绑定的主要内容,如果未能解决你的问题,请参考以下文章