AngularJS入门教程之Hello World!
前端之家收集整理的这篇文章主要介绍了
AngularJS入门教程之Hello World!,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”:
@H_
502_0@1.使用您喜爱的文本编辑器,创建一个HTML
文件,例如:helloworld.html。
2.将下面的源
代码复制到您的HTML
文件。
3.在web浏览器中打开这个HTML
文件。
@H_
502_0@源
代码:
<div class="codetitle">
<a style="CURSOR: pointer" data="20370" class="copybut" id="copybut20370" onclick="doCopy('code20370')"> 代码如下: <div class="codebody" id="code20370">
<!doctype html>
@H_
502_0@注意,使用双大括号
标记{{}}的
内容是问候语中绑定的表达式,这个表达式是一个简单的字符串‘World'。
@H_
502_0@下面,让我们看一个更有趣的例子:使用AngularJS对我们的问候语文本绑定一个动态表达式。
@H_
502_0@
Hello AngularJS World!
@H_
502_0@本示例演示AngularJS的双向数据绑定(bi-directional data binding):
@H_
502_0@1.编辑前面创建的helloworld.html文档。
2.将下面的源
代码复制到您的HTML
文件。
3.刷新浏览器窗口。
@H_
502_0@源
代码: