AngularJS学习(三) Controller

最新推荐文章于 2025-02-20 22:56:07 发布
最新推荐文章于 2025-02-20 22:56:07 发布
阅读量858 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： AngularJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Mooner_guo/article/details/42398093
本文深入探讨了在使用控制器时应遵循的关键原则，包括避免复用、DOM操作、数据格式化和过滤，以及控制器之间的交互方式。通过遵循这些建议，开发者可以实现更清晰、高效的代码结构。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用Controller过程中注意点:

1.不要试图复用Controller，一个控制器只负责一小块视图

2.不要在Controller中操作DOM，这不是控制器的职责

3.不要在Controller中做数据格式化，ng是很好的表单控件

4.不要在Controller中做数据过滤，ng有$filter服务

5.一般Controller不相互调用，控制器之间交互通过事件进行


AngularJS学习01 - 概述和指令
qq_43350524的博客
04-04 1013
AngularJS学习01 - 概述和指令
Angularjs的ng-controller入门认识
黄梓阳v的博客
08-09 3829
关于angularjs（以下称作ng）的教程 官网 或者 runoob 都已经很仔细了 这里调出我在学习过程中遇到的一些问题以及解决的办法，仅供初学者参考~ 因为ng-controller处理业务逻辑居多，因此在ng中非常常用，应用的场景非常多，出错的概率对于初学者来说也比较大。 ng-controller有很多种定义方式，以下列举两种： 在js全局变量中定义ng-controller:...
AngularJs 学习-controller
行人事，知天命
01-21 322
定义一个controller Title {{name}} var a = angular.module('myApp',[]); a.controller('myController',['$scope',function($scope){
AngularJS学习之Controller控制器之间的通信
linzhiyong的专栏
08-05 1636
1, 利用作用域的继承方式 由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值为基本类型的时候，修改父作用域上面的值会影响到子作用域，反之，修改子作用域只会影响子作用域的值，不会影响父作用域上面的值；如果需要父作用域与子作用域共享一个值 的话，就需要用到后面一种，即作用域上的值为对象，任何一方的修改都能影响另一方，这是因为在js中对象都是引用类型。
AngularJS学习笔记
最新发布
2301_79960302的博客
02-20 138
要学习AngularJS，建议从官方文档或相关教程开始，了解其基本语法和核心概念，并通过实践项目来加深对AngularJS的理解和应用。对于想要学习Angular（Angular 2及更高版本）的开发者，建议从官方文档、教程、在线课程等资源开始，了解其核心概念如组件、模板、服务、管道等，并通过实践项目来加深理解和应用。总的来说，无论是AngularJS还是Angular，都是值得学习和探索的前端框架，它们提供了丰富的功能和工具，帮助开发者构建高效、可维护的Web应用程序。
Angularjs中controller的三种写法
weixin_30832405的博客
03-01 204
在Angular中，Directive、Service、Filter、Controller都是以工厂方法的方式给出，而工厂方法的参数名对应着该工厂方法依赖的Service。angularjs中controller其实就是一个方法，它有三种写法，下面来一起看看吧。 第一种： <pre name="code" class="javascript">var AppController...
angularjs学习笔记
二枫的代码小窝
07-21 761
angularJS笔记
AngularJS学习（一）
Web3 & Basketball
07-30 1201
服务是 AngularJS 中的一个重要概念，它用于在应用程序中存储和处理数据。服务可以在整个应用程序中被共享，使得不同的控制器和视图可以访问和修改相同的数据。这是一个简单的示例，展示了如何在 AngularJS 中使用服务。在 HTML 文件中，使用 ng-app 指令创建一个 AngularJS 应用。模型是 AngularJS 中的数据模型，负责存储数据和处理数据变化。要在控制器中使用这个服务，我们需要在控制器的依赖列表中添加该服务。视图是 AngularJS 中的界面，负责显示数据和用户交互。
AngularJs controller出错的问题
yuxiaoxia28的博客
10-07 1041
刚开始学习angular,没想到写的一个小的demo就出错 代码如下：                 -->     {{'hello word'}}-->             {{greeting.text}}                 function HelloController($scope){            
AngularJS 学习
Scfan的博客天涯
05-25 852
标签 ： web angularjs html 记录不怎么熟悉的语法 AngularJS 教程 AngularJS Scope(作用域) AngularJS 控制器 AngularJS 过滤器 过滤器 自定义过滤器 AngularJS 服务(Service) $location $http 服务 $timeout 服务 创建自定义服务 AngularJS XMLHttpRequest...
angularjs学习笔记之三大模块（modal，controller，view）
11-24
今天主要跟大家详细讲解一下angularjs的三大模块： modal，controller，view。 首先跟大家说一下这三个模块之间的关系。 1.数据模型（modal）主要提供数据。它不会和视图（view）直接操作。 2.controller保存modal...
AngularJS ng-controller 指令简单实例
10-21
AngularJS是一个非常流行的开源JavaScript框架，由谷歌团队开发，主要用于构建动态Web...以上知识点是理解AngularJS中ng-controller指令的关键要素，通过学习这些内容，我们可以更好地掌握AngularJS开发应用的方法。
AngularJS控制器controller给模型数据赋初始值的方法
10-20
AngularJS是一种JavaScript框架，它引入了模型-视图-控制器（MVC）...对于想要深入学习AngularJS的开发者，官方文档、社区论坛和相关的入门与进阶教程是很好的学习资源，能够帮助开发者掌握更多实用技巧和最佳实践。
angularjs中使用jquery
Mooner_guo的专栏
04-15 9376
Angularjs中使用jquery的话需要使用指令(directive) 指令怎么用请百度，直接讲怎么整合jquery。 例如给一个div绑定一个点击事件，使得它的css样式发生变化 angular.module('myapp',[]) .directive('myclick',function(){ return{ restrict:'A',
AngularJS学习(七)路由控制 ui-router
Mooner_guo的专栏
01-06 5232
使用ng-route已经不能满足多视图嵌套，所以开发了ui-router路由，当实现导航栏的时候，使用到多个视图嵌套，那么可以使用ui-router来实现。 用法基本和上节讲的ng-router一样，ng-view换成ui-view，$routeProvider换成 $stateProvider和$urlRouterProvider 代码:  1.index.html
AngularJS学习(六) 路由控制 ng-route
Mooner_guo的专栏
01-06 4183
一.AngularJS路由控制介绍: 1.简介：AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。后台路由，通过不同的URL会路由到不同的控制器上(controller)，再渲染(render)到页面(HTML)。AngularJS的前端路由，需求提前对指定的(ng-app)，定义路由规则(routeProvider)，然后通过不同的URL，告诉(ng-app)加载
AngularJS学习(九) $resource服务 前后台交互ajax
Mooner_guo的专栏
01-07 3932
要在项目中彻底的使用单入口的前端mvc框架来开发，那么都会把和后端交互获取数据改成异步Ajax，这样的话，后端就相当于一个WebServices，比较轻量级的方案就是RESTful，这个不是我们要讨论的内容，我们把注意力放在前端上：如何用AngularJS来和rest风格的WebServices进行交互呢？ 熟悉Ajax的童鞋，肯定脑子里第一时间想到的就是XMLHTTPRequest。
AngularJS(五) 迭代器和过滤器
Mooner_guo的专栏
01-05 1386
使用ng-repeat=“xx in xxx” {{phone.name}} {{phone.snippet}} function PhoneListCtrl($scope) { $scope.phones = [ {"name": "Nexus S", "snippet": "Fast just got fast
AngularJS学习(八) --服务Service
Mooner_guo的专栏
01-07 1239
一、什么是服务  Angular 服务是为web应用执行特定任务的单例对象或方法。简而言之，就是controller共用的函数。 在其他语言中如java便有这样的概念，其作用就是对外提供某个特定的功能，如消息服务，文件压缩服务等，是一个独立的模块。ng的服务是这样定义的： Angular services are singletons objects or functions tha
AngularJS学习指南：从入门到实践
"AngularJS学习笔记是一份针对初学者设计的详细教程，涵盖了AngularJS的核心概念和实用技巧。作者邹业盛整理了从2013年11月29日开始的笔记，内容包括但不限于以下几个关键部分： 1. **AngularJS简介**：介绍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值