关于AngularJS的系列

来源:互联网 发布:jquery get json 编辑:程序博客网 时间:2024/05/05 19:49

虽然Angular已经出到版本4了,由于工作中使用了AngularJS的框架,所以开个系列讲讲AngularJS,整体来说AngularJS上手比较容易,熟悉基本的指令之后就可以做简单的开发。

首先需要引入AnguarJS<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>

之后需要在html标签上加上ng-app指令,这样html就是被识别成一个AngularJS Application。

借用AngularJS官网的一段代码:

<!doctype html><html ng-app>  <head>    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>  </head>  <body>   <div>     <label>Name:</label>     <input type="text" ng-model="yourName" placeholder="Enter a name here">     <hr>     <h1>Hello {{yourName}}!</h1>   </div> </body></html>

实现基本的数据绑定

原创粉丝点击