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之间的桥梁。

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

相关文章

  • Angular2 组件通信的实例代码

    Angular2 组件通信的实例代码

    本篇文章主要介绍了Angular2 组件通信的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • angularjs实现对表单输入改变的监控(ng-change和watch两种方式)

    angularjs实现对表单输入改变的监控(ng-change和watch两种方式)

    这篇文章主要介绍了angularjs通过ng-change和watch两种方式实现对表单输入改变的监控,需要的朋友可以参考下
    2018-08-08
  • angularjs循环对象属性实现动态列的思路详解

    angularjs循环对象属性实现动态列的思路详解

    这篇文章主要介绍了angularjs循环对象属性实现动态列的思路详解,本文给大家分享一个demo代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-11-11
  • 详解angular中如何监控dom渲染完毕

    详解angular中如何监控dom渲染完毕

    AngularJs是Google开源的前端JS框架。使用AngularJs, 我们能够容易地、健壮的开发出类似于Gmail一样的单页Web应用。这篇文章主要介绍了详解angular中如何监控dom渲染完毕,有兴趣的可以了解一下。
    2017-01-01
  • Angular组件间通信的新解决方案详解

    Angular组件间通信的新解决方案详解

    本文通过对比几种Angular组件间的通信方式,给大家介绍了一种新的Angular组件间通信的解决方案,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • angularjs学习笔记之简单介绍

    angularjs学习笔记之简单介绍

    这篇文章主要介绍了angularjs学习笔记之简单介绍的相关资料,需要的朋友可以参考下
    2015-09-09
  • 详解angularJs模块ui-router之状态嵌套和视图嵌套

    详解angularJs模块ui-router之状态嵌套和视图嵌套

    这篇文章主要介绍了详解angularJs模块ui-router之状态嵌套和视图嵌套,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Angular的FormArray和模态框结合使用实例详解

    Angular的FormArray和模态框结合使用实例详解

    这篇文章主要为大家介绍了Angular的FormArray和模态框结合使用实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 详解AngularJS2 Http服务

    详解AngularJS2 Http服务

    本篇文章主要介绍了详解AngularJS2 Http服务,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Angular5集成eventbus的示例代码

    Angular5集成eventbus的示例代码

    这篇文章主要介绍了Angular5集成eventbus的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07

最新评论