首页 > Web开发 > 详细

AngularJS入门——hello world!

时间:2016-01-04 11:39:15      阅读:344      评论:0      收藏:0      [点我收藏+]

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>

 

AngularJS入门——hello world!

原文:http://www.cnblogs.com/yxyblogs/p/5098134.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!