您的位置：首页 > Web前端 > AngularJS

AngularJS入门——hello world!

2016-01-04 11:00 543 查看
AngularJS是Google开发的纯客户端JavaScript技术的WEB框架,用于扩展、增强HTML功能,它专为构建强大的WEB应用而设计。

开始新建一个html文件，只需要有最基本的代码即可：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>

</body>
</html>


接下来首先来引入AngularJS脚本，在head中写入这句代码：

<script src="javascripts/angular.min.js"></script>


但是这样还无法在编程中使用AngularJS，还需要在html标签内添加一个属性：

<html ng-app="todoApp">


当开始加载时，告诉AngularJS处理整个HTML页并引导应用。这样我们就可以使用它了。

然后加入hello {{world}}! 使用双大括号标记
{{}}
的内容是问候语中绑定的表达式，这个表达式是一个简单的字符串‘world’。

<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script src="javascripts/angular.min.js"></script>
</head>
<body>
hello {{'world'}}!
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航