AngularJS 启程

Posted 2020-11-05 拂髯客

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS 启程相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>Title</title>
    <script type="text/javascript" src="./angular.js"></script>
</head>
<body>
 <input type="text" ng-model="userName"/>
 <div>您输入的内容是:<span>{{userName}}</span></div>
</body>
</html>

没有js代码的第一个helloworld

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>Title</title>
    <script type="text/javascript" src="./jquery-2.2.3.min.js"></script>
    <script type="text/javascript">
     $(function(){
         $("input:text").keyup(function(){
           $("span").html($(this).val());
         });
     });
      
    </script>
</head>
<body>
 <input type="text"/>
 <div>您输入的内容是:<span></span></div>
</body>
</html>

用jq写的话

对比上面两个页面实现同样功能，让你开始对angularjs产生兴趣。。。。。。

以上是关于AngularJS 启程的主要内容，如果未能解决你的问题，请参考以下文章

AngularJS 启程三

angularJS使用ocLazyLoad实现js延迟加载

AngularJS标准Web业务流程开发框架—1.AngularJS模块以及启动分析

从 AngularJS url 中删除片段标识符（# 符号）

初入AngularJS基础门

AngularJS ——ngResourceRESTful APIs 使用