全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Angular的模块化(代码分享)

在前面的几个文章中,我们的数据都是以函数的方式定义在全局的作用域下,这样很显然是不对的,没有模块化的思想,下面的例子介绍Angular的模块化!

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>AngularJs模块化</title>
<script type="text/javascript"src="https://code.angularjs.org/1.3.8/angular.min.js">
</head>
<body>
<div ng-controller='Aaa'>
  <p>{{name}}</p>
</div>
<div ng-controller='Bbb'>
  <p>{{name}}</p>
</div>
<script type="text/javascript">
var m1 = angular.module('myApp',[]);
//参数1:模块的名字,参数2:当前模块中依赖的模块,後面的文章会介绍
m1.controller('Aaa',function($scope){
  $scope.name = 'hello AngularJs';
});
m1.controller('Bbb',function($scope){
  $scope.name = 'Hi';
});
</script>
</body>
</html>

首先在html上绑定初始化的名称,并附上myApp,使用angular.model在JS中定义多个模块,并附上参数。

再使用控制器定义数据,注意控制器传递的参数,模块名和匿名函数

都知道我们的项目在上线後合并压缩的,这样我们匿名函数传递的形参在压缩後出现问题,所以这个时候我们需要将参数包裹成数组,来避免压缩的问题!

m1.controller('Aaa',['$scope',function($scope){
  $scope.name = 'hello AngularJs';
}]);
m1.controller('Bbb',['$scope',function($scope){
  $scope.name = 'Hi';
}]);

 这个时候注意控制器传递的参数,模块名和数组(包含服务和匿名函数)。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# Angular  # 模块化  # 详解利用Angular实现多团队模块化SPA开发框架  # angular.js + require.js构建模块化单页面应用的方法步骤  # 简单谈谈require模块化jquery和angular的问题  # 详解AngularJS 模块化  # AngularJS入门教程之模块化操作用法示例  # AngularJS 模块化详解及实例代码  # AngularJS 应用模块化的使用  # 这个时候  # 几个  # 多个  # 在前面  # 绑定  # http  # equiv  # Content  # myApp  # head  # meta  # Type  # charset  # title  # utf 


相关文章: 建站主机是否等同于虚拟主机?  如何高效配置IIS服务器搭建网站?  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?  网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何通过VPS建站无需域名直接访问?  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  如何在阿里云服务器自主搭建网站?  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  制作宣传网站的软件,小红书可以宣传网站吗?  ,购物网站怎么盈利呢?  中山网站推广排名,中山信息港登录入口?  北京专业网站制作设计师招聘,北京白云观官方网站?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  购物网站制作公司有哪些,哪个购物网站比较好?  建站之星安装模板失败:服务器环境不兼容?  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊?  建站主机默认首页配置指南:核心功能与访问路径优化  简易网站制作视频教程,使用记事本编写一个简单的网页html文件?  音乐网站服务器如何优化API响应速度?  官网建站费用明细查询_企业建站套餐价格及收费标准指南  建站之星Pro快速搭建教程:模板选择与功能配置指南  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?  建站主机如何选?高性价比方案全解析  ,怎么用自己头像做动态表情包?  建站之星代理如何获取技术支持?  如何在景安服务器上快速搭建个人网站?  北京建设网站制作公司,北京古代建筑博物馆预约官网?  建站之星后台管理系统如何操作?  如何在IIS7中新建站点?详细步骤解析  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  网站制作企业,网站的banner和导航栏是指什么?  建站之星展会模板:智能建站与自助搭建高效解决方案  建站之星ASP如何实现CMS高效搭建与安全管理?  如何确保西部建站助手FTP传输的安全性?  深圳 网站制作,深圳招聘网站哪个比较好一点啊?  如何用y主机助手快速搭建网站?  如何在云指建站中生成FTP站点?  如何自定义建站之星模板颜色并下载新样式?  微课制作网站有哪些,微课网怎么进?  高端云建站费用究竟需要多少预算?  招贴海报怎么做,什么是海报招贴?  一键制作网站软件下载安装,一键自动采集网页文档制作步骤?  如何设置并定期更换建站之星安全管理员密码?  Python lxml的etree和ElementTree有什么区别  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  建设网站制作价格,怎样建立自己的公司网站?  名字制作网站免费,所有小说网站的名字? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。