hello
- hh
- dsdf
- 你好
前言 该系列文章根据谷歌官方最新教程整理翻译,教程会一步步引导完成一个名为PhoneCat的应用,用于显示安卓设备的清单和详情。
原文链接: https://docs.angularjs.org/tutorial/step_01
静态模板 为了说明 Angular 是如何增强标准 HTML 的,我们将创建一个纯静态的 HTML 页,然后研究如何把这个 HTML 代码转换成能动态显示数据的 Angular 模板。
在这一步我们将新增两款手机的一些基本信息到 HTML 页面。
页面现在包含关于两款手机信息的列表。
重置工作区代码到第1步:
git checkout -f step-1 刷新浏览器或在线查看这一步的示例:Step 1 Live Demo
主要的修改如下,还可以在 GitHub 上查看与前一版本之间的完整差异。
app/index.html:
<ul> <li> <span>Nexus S</span> <p> Fast just got faster with Nexus S. </p> </li> <li> <span>Motorola XOOM™ with Wi-Fi</span> <p> The Next, Next Generation tablet. </p> </li> </ul>
测试
前言 该系列文章根据谷歌官方最新教程整理翻译,教程会一步步引导完成一个名为PhoneCat的应用,用于显示安卓设备的清单和详情。
原文链接: https://docs.angularjs.org/tutorial/step_01
静态模板 为了说明 Angular 是如何增强标准 HTML 的,我们将创建一个纯静态的 HTML 页,然后研究如何把这个 HTML 代码转换成能动态显示数据的 Angular 模板。
在这一步我们将新增两款手机的一些基本信息到 HTML 页面。
页面现在包含关于两款手机信息的列表。
重置工作区代码到第1步:
git checkout -f step-1 刷新浏览器或在线查看这一步的示例:Step 1 Live Demo
主要的修改如下,还可以在 GitHub 上查看与前一版本之间的完整差异。
app/index.html:
<ul> <li> <span>Nexus S</span> <p> Fast just got faster with Nexus S. </p> </li> <li> <span>Motorola XOOM™ with Wi-Fi</span> <p> The Next, Next Generation tablet. </p> </li> </ul>