HTML5手机APP开发入(4)
完成一个自定义的Component用来展现通讯录用户的明细信息如下图
http://bootsnipp.com/snippets/featured/profile-card
涉及的知识点:
Component的定义,输入/输出
HTML 代码从http://bootsnipp.com/snippets/featured/profile-card 复制过来
使用关键字Component,selector对应HTML TAG,angular2 定义一个component比angular 1要简单的多
修改 detail-item.ts
import {UserInfoComponent} from './components/contactinfo';
directives:[UserInfoComponent],
非常的简单
Perfect!
下次再做一个登录页面基本的功能就完成,HTML5做移动开发真的非常的简单,难得可能就是UI的设计和用户体验