首页 > Web开发 > 详细

AngularJS 入门

时间:2015-11-22 15:45:12      阅读:317      评论:0      收藏:0      [点我收藏+]

 

什么是AngularJS

AngularJS是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,

  • 其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。
  • 通过表达式绑定数据到 HTML

AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

AngularJS指令

AngularJS 通过 ng-directives 扩展了 HTML 属性,带有前缀 ng-。主要的有:

  • ng-app 指令定义一个 AngularJS 应用程序。
  • ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
  • ng-bind 指令把应用程序数据绑定到 HTML 视图。与表达式{{ expression}}有相同的效果

AngularJS表达式

AngularJS 表达式写在双大括号内:{{ expression }}

AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。

简单AngularJS示例

<!DOCTYPE html>
<html>
<body>

<div ng-app="">
  <p>在输入框中尝试输入:</p>
  <p>姓名:<input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>

<script src="//www.w3c/try/angularjs/1.2.5/angular.min.js"></script>

</body>
</html>

 

AngularJS 入门

原文:http://www.cnblogs.com/qingwen/p/4985748.html

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