AngularJS入门——hello world!

最新推荐文章于 2022-11-23 22:29:53 发布

weixin_30739595

最新推荐文章于 2022-11-23 22:29:53 发布

阅读量69

点赞数

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

版权

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>