【angularjs2】双向绑定

转载于 2018-02-02 11:46:00 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/maojindaoGG/blog/1617270

文章标签：

#python

本文介绍了一个使用Angular框架的示例，展示了如何通过TypeScript实现数据的双向绑定。具体包括一个公共方法showUserEntityCommon用于设置UserEntity对象，并在HTML中通过ngModel指令实现了输入框与UserEntity对象属性之间的绑定。

2019独角兽企业重金招聘Python工程师标准>>>

1、ts代码

public UserEntity:any={};

public showUserEntityCommon(index:any):void{
        this.UserEntity= this.List[index];             

        
    }

2、html

<div class="row">
                            <div class="col-md-2">账号:</div>
                            <div class="col-md-4">
                                <input type="text" class="form-control" maxlength="25" name="username" id="username" [(ngModel)]="UserEntity.username" #username="ngModel" disabled  placeholder="账号">
                            </div> 
                        </div>

双向绑定

转载于:https://my.oschina.net/maojindaoGG/blog/1617270