AngularJS手机目录教程应用（基于组件）是对教程应用程序的重写。新组织的3个基石是：组件、用户界面状态、用户界面布局。该应用程序包含一个称为phone的功能组件和一个称为utils的特殊组件，后者放置了全局功能不可知的帮助服务。用户界面状态通过UI实现，有以下3种状态：

  1. 'phones' // 抽象状态，无法直接过渡

  2. 'phones.list' // 显示所有手机的列表

  3. 'phones.detail' // 显示所选手机的详细信息