摘要: 本文参考:Angular4 表单快速入门 注:涉及input表单时要在AppComponent中引入 FormsModule模块: import{ FormsModule } from '@angular/forms'; @NgModule({ imports: [BrowserModule, Fo 阅读全文
posted @ 2018-08-02 16:11 撑死的喵~ 阅读(3117) 评论(0) 推荐(0)
摘要: 目录: 1.按下按钮执行事件 2、按下键盘回车“Enter”执行事件 1、按下按钮执行事件:<button (click) = 'setName()'>......</button> 界面: 2、按下键盘回车“Enter”执行事件 我们一般页面都是通过按下 button 按钮来触发事件,这次来学习通 阅读全文
posted @ 2018-08-02 14:39 撑死的喵~ 阅读(472) 评论(0) 推荐(0)
摘要: 1、数据循环 *ngFor (1)普通循环 (2)遍历数组同时获取索引值key (3)template 循环 例:对象内部嵌套数字,多重循环 public list:any[]; constructor() { this.list4=[ { 'catename':"宝马", "list":[ {'t 阅读全文
posted @ 2018-08-02 10:53 撑死的喵~ 阅读(1235) 评论(0) 推荐(0)
摘要: 1、数据绑定 插值绑定: <li>{{ hero.name }} </li> 或 <div class = "{{ demo }}" >...</div> 绑定HTML: <div [innerHTML] = "...." > </div> 属性绑定: <input [value] = "myDat 阅读全文
posted @ 2018-08-02 10:52 撑死的喵~ 阅读(499) 评论(0) 推荐(0)
摘要: 1、新建并启动项目: 2、新建组件: 注: 只需要记得在 app.component.html 中加入 <app-header></app-header> 就可以看到header.component.html中编辑的内容。访问 http://localhost:4200/ 将会看到。 3、组件和模块 阅读全文
posted @ 2018-08-02 10:50 撑死的喵~ 阅读(5188) 评论(0) 推荐(0)