angularJS介绍。

1 <p>Nothing here {{'yet'+'!'}}</p>


AngularJS的作用:把后台返回的JSON作为前端的model.在angularJS中使用html进行渲染。
或者后台的视图作为前端的模型,而整个前端就是后台的视图。


ng-app指令标记了angularJS脚本的作用域,在<html>中添加ng-app属性即说明整个<html>都是angularJS脚本作用域。
AnuglarJS脚本标签。
<script src="lib/angular/angular.js"></script>

这行代码载入angular.js脚本,当浏览器将整个HTML页面载入完毕后,将会执行该angular.js脚本。angular.js脚本运行后将会寻找含有NG-APP指令的HTML标签。该标签定义了angularJS应用的作用域。

双大括号绑定的表达式,绑定的表达式告诉angularlarJS需要运算其中的表达式,并将结果插入到DOM中。DOM可以随着表达式运算结果的改变而实时的更新。
angularJS表达式仅在angularJS中作用域中运行,而不是在整个DOM中运行。

<ul>
<li ng-repeat='phone in phones'>
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
</ul>


在<li>标签里面,ng-repeat='phpne in phones' 语句是一个angularJS 迭代器。这个迭代器告诉angularJS用第一个<li>标签作为模板,为列表中每一部手机创建一个li元素。

转载于:https://www.cnblogs.com/ygl-web/p/4415008.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AngularJS是一个JavaScript框架,由Google开发和维护,用于构建动态Web应用程序。它是一个MVC(Model-View-Controller)框架,可以帮助开发人员更快地开发Web应用程序,同时提高应用程序的可维护性和可扩展性。 AngularJS通过指令(directive)和模板(template)来构建应用程序的用户界面。它提供了一组工具和服务,用于处理数据绑定(data binding)、依赖注入(dependency injection)、路由(routing)、表单验证(form validation)等任务。此外,AngularJS还提供了一些内置指令和服务,如ng-repeat、ng-model、$http、$scope等,使得开发人员可以更轻松地完成各种任务。 AngularJS的优点包括: 1. 数据绑定:AngularJS的数据绑定机制允许开发人员将数据模型和视图进行绑定,当数据模型发生变化时,视图也会自动更新。 2. 模块化:AngularJS使用模块化的设计,使得应用程序可以分解为多个小模块,易于管理和维护。 3. 依赖注入:AngularJS的依赖注入机制可以帮助开发人员更好地管理应用程序中的各种依赖关系,提高代码的可测试性和可重用性。 4. 双向数据绑定:AngularJS的双向数据绑定机制允许开发人员在视图中进行数据修改,同时也会更新数据模型。 5. 丰富的指令库:AngularJS提供了大量的指令和服务,使得开发人员可以更轻松地完成各种任务,如表单验证、路由、数据绑定等。 AngularJS的缺点包括: 1. 学习曲线:由于AngularJS采用了一些独特的概念和机制,因此需要花费一定的时间和精力来学习和理解。 2. 性能问题:由于AngularJS的数据绑定机制会对性能产生一定的影响,因此需要注意代码的优化和性能调优。 3. 兼容性问题:由于AngularJS是一个JavaScript框架,因此需要浏览器支持JavaScript才能正常运行,同时也需要考虑不同浏览器的兼容性问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值