组件相关的其他文件暂时先放一放,在Vue开发的时候我们创建好的组件总是要挂载后才能使用的,那angular需要挂载吗?...应为angular项目创建的时候默认初始化了git仓库,我们这会儿可以看到还有一个文件是有变化的,那就是app.module.ts,打开文件后我看就看到了新创建的组件已经自动的挂载到了全局的app上。...@Inout()装饰器来接收数据,通过@Output装饰器来派发数据来达到双向数据流通
组件ts代码(代码来自angular中文网):
export class SizerComponent {...: {{value}}
注意需要在module中导入FormsModule,要不然功能无法实现
此时页面恢复正常,通过在输入框中更新内容,页面绑定的数据同时更新
管道
angular中的管道与...Vue中的过滤器雷同,均可以使数据按指定的格式进行显示,同样使用管道符来操作
内置管道:
演示:
将时间格式化为统一样式
DatePipe: {{ currentTime | date: