03[angular9] 创建一个新组件

@基本操作  April 7, 2020

创建一个新组件,可以指定二级目录。如果不存在则创建
批注 2020-04-07 105319.png

ng g component  component/miss   --skip-import

我们首先对组件页面进行编写,分别创建一个变量和绑定一个方法

批注 2020-04-07 105706.png

我们对业务代码进行 变量的创建,和函数方法,函数方法不需要, 和js不同,这个是typscript语法

注意需要指定类型: type

批注 2020-04-07 105319.png

我们开启 ng 服务器

ng serve

批注 2020-04-07 110217.png

运行效果图 ,由于angular 双向数据绑定,你可以在 按钮方法里,修改title变量,则视图变量也会改变,就是后面的mvvm

 this.title="改变标题"

批注 2020-04-07 110422.png


扫描二维码,在手机上阅读!

添加新评论