anjular.js初体验

来源：互联网发布：网站数据库下载代码编辑：程序博客网时间：2024/05/30 02:24

今天第一次体验了anjular.js，并用anjular.js写了一个双向绑定的简单实例。anjularjs很容易上手并且双向绑定与指令操作很不错。

首先，要去官网上下载anjular.js官网地址https://angularjs.org/

和jquery一样，下载好了anjular.js需要在项目中引。接下来做一个简单的anjularjs简单的实例：

如果大家想了解更多anjular.js建议大家去http://www.runoob.com/angularjs/angularjs-tutorial.html学习：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/angular.js" ></script></head><body><div id="anj" ng-app="">名字：<input type="text"  ng-model="name"/><br>您的名字是：<span ng-bind="name"></span>    <br>年龄：<input type="number" ng-model="age"/><br>您的 年龄是：{{age}}</div></body></html>

在input中输入文字的同时，绑定的元素也会同时输入相同的文字，很厉害吧！

ng-app 指令定义一个 AngularJS 应用程序。

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

0 0