angular2双向绑定报错?
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
stock = ""
}
app.component.html
<h1>组件间的通信</h1>
<div>我是父组件</div>
<div>
<input type="text" placeholder="请输入股票代码" [(ngModel)]="stock">
<app-order [stockCode]="stock" [amount]="100"></app-order>
</div>
order.component.ts
import { Component, OnInit, Input} from '@angular/core';
@Component({
selector: 'app-order',
templateUrl: './order.component.html',
styleUrls: ['./order.component.css']
})
export class OrderComponent implements OnInit {
@Input()
stockCode:string;
@Input()
amount: number
constructor() { }
ngOnInit() {
}
}
order.component.html
<div>
我是子组件
</div>
<div>
买{{amount}}手{{stockCode}}股票
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
是不是在module里面没有引入FormsModule
在module里面的imports里面引入FormsModule