热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

1.AngularJS模块

上一章讲的数据绑定,是把控制器的代码写到一个全局命名空间中定义的函数里:在AngularJS中,模块是定义应用的主要方式,包含了主要的应用代码。一个应用可以包含多个模块,每个模块包

上一章讲的数据绑定,是把控制器的代码写到一个全局命名空间中定义的函数里:

function MyController($scope) {
var updateClock = function() {
$scope.clock = new Date();
};
setInterval(function() {
$scope.$apply(updateClock);
}, 1000);
updateClock();
};

  

在AngularJS 中,模块是定义应用的主要方式,包含了主要的应用代码。一个应用可以包含多个模块,每个模块包含具体的代码。使用模块有许多好处,比如:


  • 保持全局命名空间的清洁

  • 测试更容易找到相互隔离的功能

  • 可以在不同的应用之间复用代码

  • 是应用能够以任意顺序加载代码的各个部分

我们使用angular.module() 方法来声明模块,这个方法接受两个参数,第一个是模块的名称,第二个是依赖列表,中括号[]表示该模块没有依赖,如果有依赖的话会在中括号写上依赖的模块名字。

angular.module(‘myApp‘, []) 方法相当于AngularJS 模块的setter 方法,用来定义模块。

angular.module(‘myApp‘)  方法只传递一个参数,相当于getter 方法,用来引用模块。

开发大型应用时,会创建多个模块类承载业务逻辑。将复杂的功能分割成不同的模块,有助于单独为它们编写测试。

1.创建模块

...



  

2.添加控制器



{{ firstName + " " + lastName }}



  

3.添加指令

AngularJS 提供了很多内置的指令,可以用它们来为你的应用添加功能。




  

4.模块和控制器包含在JS文件中

通常AngularJS应用程序将模块和控制器包含在js文件中。






{{ firstName + " " + lastName }}








  

5.什么时候载入angular.js

对于HTML应用程序,通常建议吧所有的脚本都放置在 元素的最底部。

这回提高网页加载速度,应为HTML加载不受制于脚本加载。

AngularJS 的库文件是在标签里加载的,因为对angular.module 的调用只能在库加载完成后才能进行。

另外也可以在元素中加载,但是必须放在AngularJS脚本前面。

 


推荐阅读
  • 本文详细探讨了BCTF竞赛中窃密木马题目的解题策略,重点分析了该题目在漏洞挖掘与利用方面的技巧。 ... [详细]
  • SQL Server 存储过程实践任务(第二部分)
    本文档详细介绍了三个SQL Server存储过程的创建与使用方法,包括统计特定类型客房的入住人数、根据房间号查询客房详情以及删除特定类型的客房记录。 ... [详细]
  • 材料光学属性集
    材料光学属性集概述了材料在不同光谱下的光学行为,包括可见光透射率、太阳光透射率等关键参数。 ... [详细]
  • 使用Echarts for Weixin 小程序实现中国地图及区域点击事件
    本文介绍了如何使用Echarts for Weixin在微信小程序中构建中国地图,并实现区域点击事件。包括效果展示、条件准备和逻辑实现的具体步骤。 ... [详细]
  • Python 日志记录模块详解
    日志记录机制是软件开发中不可或缺的一部分,它帮助开发者追踪和调试程序运行时的各种异常。Python 提供了内置的 logging 模块,使我们在代码中记录和管理日志信息变得更加方便。本文将详细介绍如何使用 Python 的 logging 模块。 ... [详细]
  • 树莓派4B:安装基础操作系统指南
    本文将详细介绍如何为树莓派4B安装基础操作系统,包括所需材料、镜像下载、镜像烧录以及更换国内源等步骤。 ... [详细]
  • AngularJS 控制器详解
    本文通过一个示例详细介绍了 AngularJS 控制器的使用方法,并探讨了控制器之间数据共享的问题。 ... [详细]
  • 嵌套列表的扁平化处理
    本文介绍了一种方法,用于遍历嵌套列表中的每个元素。如果元素是整数,则将其添加到结果数组中;如果元素是一个列表,则递归地遍历这个列表。此方法特别适用于处理复杂数据结构中的嵌套列表。 ... [详细]
  • 1#include2#defineM1000103#defineRGregister4#defineinf0x3f3f3f3f5usingnamespacestd;6boolrev ... [详细]
  • 题目编号:2049 [SDOI2008]Cave Exploration。题目描述了一种动态图操作场景,涉及三种基本操作:断开两个节点间的连接(destroy(a,b))、建立两个节点间的连接(connect(a,b))以及查询两节点是否连通(query(a,b))。所有操作均确保图中无环存在。 ... [详细]
  • 本文详细介绍了进程、线程和协程的概念及其之间的区别与联系。进程是在内存中运行的独立实体,具有独立的地址空间和资源;线程是操作系统调度的基本单位,属于进程内部;协程则是用户态下的轻量级调度单元,性能更高。 ... [详细]
  • 题目描述:计算从起点到终点的最小能量消耗。如果下一个单元格的风向与当前单元格相同,则消耗为0,否则为1。共有8个可能的方向。 ... [详细]
  • Vulnhub DC3 实战记录与分析
    本文记录了在 Vulnhub DC3 靶机上的渗透测试过程,包括漏洞利用、内核提权等关键步骤,并总结了实战经验和教训。 ... [详细]
  • 2019-2020学年 20174325 叶竞蔚 《网络对抗技术》实验六:Metasploit基础应用
    本实验旨在掌握Metasploit框架的基本应用方法,重点学习三种常见的攻击方式及其实施思路。实验内容包括一次主动攻击(如MS08-067)、一次针对浏览器的攻击(如MS11-050)以及一次针对客户端的攻击(如Adobe漏洞利用)。此外,还包括成功应用一个辅助模块。 ... [详细]
  • Android 属性 allowBackup 的安全风险分析
    在 Android API Level 8 及以上版本中,系统提供了一种机制来备份和恢复应用程序数据。通过设置 allowBackup 属性,开发者可以控制是否允许这种备份和恢复功能。然而,这一功能也带来了潜在的安全风险。 ... [详细]
author-avatar
振芳婉仁正君
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有