angular 学习笔记 创建双向绑定

原创 tianxiaofeng747 随笔 技术 32阅读 15 天前 举报

创建项目

Ng 指令默认的路径是 app/

创建一个 sass 版本带 路由的 项目
-- ng new ng6-demo --style sass --routing
ng g c pages/list/AddProduct --spec= false 不生成对应的单元测试文件

2.创建双向绑定

Ng6的双向绑定写法是 盒子里的香蕉 [(show)]= ‘temp’ , 这样,
在子组件中 需要用 @Input 和 @Output 来创建 ,一进一出
@Input() show: boolean;
@Output() showChange = new EventEmitter();

注意: Output的命名 必须是 InputName + Change , 比如: show -> showChange, id -> idChange

然后: 更新时候这样 this.showChange.emit(this.show);
//双向绑定
handleCancel() {
this.show = false;
this.showChange.emit(this.show);
}

3.Rx 创建一个 错误流

用throwError(‘msg’) , rx6 更新过了, 原先的文件查不到。
创建一个正常的流可以用 of() 操作符。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复