AngularJS入门-（1）

来源：互联网发布：网络哪个国家强编辑：程序博客网时间：2024/05/29 21:17

AngularJS是什么？

AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。

    AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology

AngularJS的特性？

AngularJS是一个功能强大的基于JavaScript开发框架用于创建富互联网应用(RIA)。
AngulajJS为开发者提供的选项(使用JavaScript)在一个干净的MVC(模型 - 视图-控制器)的方式来编写客户端应用程序。
AngularJS写的应用都是跨浏览器兼容。AngularJS使用JavaScript代码自动处理适应每种浏览器。
AngularJS是开源的，完全免费的，并且由数千名世界各地的开发者开发维护。它是根据Apache许可证2.0版许可发布。

AngularJS组件？

AngularJS框架可分为以下三个主要部分组成：

ng-app : 指令定义和链接AngularJS应用程序到HTML。
ng-model : 指令绑定AngularJS应用数据的值到HTML输入控件。
ng-bind : 该指令绑定AngularJS应用程序数据到HTML标签。

实例（1）

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body>//ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。<div ng-app="">    //ng-model 指令把输入域的值绑定到应用程序变量 name。    <p>名字 : <input type="text" ng-model="name"></p>    <h1>Hello {{name}}</h1></div></body></html>

实例（2）

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><!--ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。--><div ng-app="" ng-init="firstName='John'">    <!--   ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML-->    <p>姓名为 <span ng-bind="firstName"></span></p></div></body></html>

阅读全文

0 0