AngularJS 控制器 controller的详解

 更新时间:2017年10月17日 16:20:07   作者:webxiaoma  
这篇文章主要介绍了AngularJS 控制器 controller的详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

AngularJS 控制器 controller的详解

一、控制器概念

        控制器在Angualrjs 中的作用是增强视图,并且是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。

        当我们在页面上创建一个新的控制器是,angularjs会生成并传递一个新的$scope给这个控制器。可以在这个控制器里初始化$scope,由于angularjs会负责处理控制器的实例化过程。

       列子:           

var app=angular.module("myApp",[]) 
  app.controller("FirstController",function($socpe){ 
    $scope.name="Hello" 
  }) 

二、控制器的注意事项

    1.控制器可以将与一个独立视图相关的业务逻辑封装在一个独立的容器中。尽可能的精简控制器是很好的做法。作为angularjs开发者,使用依赖注入来访问服务可以实现这个目的。

    2.angularjs同其他JavaScript框架最主要的一个区别就是,控制器并不适合用来执行DOM操作、格式化或数据操作,以及除存储数据模型之外的状态维护操作。他只是视图和$scope之间的桥梁。

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • Angular重构数组字段的解决方法示例

    Angular重构数组字段的解决方法示例

    这篇文章主要为大家介绍了Angular重构数组字段的解决方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • AngularJS 中使用Swiper制作滚动图不能滑动的解决方法

    AngularJS 中使用Swiper制作滚动图不能滑动的解决方法

    Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,受到很多前端开发者的欢迎。这篇文章主要介绍了AngularJS 中使用Swiper制作滚动图不能滑动的解决方法,需要的朋友可以参考下
    2016-11-11
  • Angular.js通过自定义指令directive实现滑块滑动效果

    Angular.js通过自定义指令directive实现滑块滑动效果

    这篇文章主要给大家介绍了关于Angular.js如何通过自定义指令directive实现滑块滑动的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用angularjs具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-10-10
  • Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

    Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

    这篇文章主要给大家介绍了Angularjs中ng-repeat-start与ng-repeat-end的用法,文章开始先进行了简单的介绍,而后通过完整的实例代码详细给大家介绍这两者的用法,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • angular directive的简单使用总结

    angular directive的简单使用总结

    directive(指令)是angular的一个非常强大又有用的功能,它相当于实现了组件化的概念,我们可以通过它公共地自定义DOM元素或CLASS类或ATTR属性,并且在这基础上进行操作scope、绑定事件等等
    2017-05-05
  • AngularJS动态添加数据并删除的实例

    AngularJS动态添加数据并删除的实例

    下面小编就为大家分享一篇AngularJS动态添加数据并删除的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • 浅谈Angular7 项目开发总结

    浅谈Angular7 项目开发总结

    这篇文章主要介绍了浅谈Angular7 项目开发总结,本文在此做一次遇到问题的总结,以便知识的掌握,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • AngularJS指令中的绑定策略实例分析

    AngularJS指令中的绑定策略实例分析

    这篇文章主要介绍了AngularJS指令中的绑定策略,结合实例形式分析了scope绑定策略的分类与具体实现方法,需要的朋友可以参考下
    2016-12-12
  • AngularJS实现表单手动验证和表单自动验证

    AngularJS实现表单手动验证和表单自动验证

    本文是对AngularJS表单验证,手动验证或自动验证的讲解,对学习JavaScript编程技术有所帮助,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • AngularJS语法详解(续)

    AngularJS语法详解(续)

    本文续上文,接着介绍AngularJS语法,和上文一样,都是通过示例来向大家分析说明,非常不错的一篇文章,推荐给大家。
    2015-01-01

最新评论