typescript 双向绑定

Posted 2021-05-21

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."
    }

}