本节将实现网络监控软件股票监视列表，这是SockDog应用的第一个主要组件。如之前提到的，网络监控软件监视列表就是目标股票的任意组合，它们将被追踪并用于分析目的。应用的用户将通过填写一个小表单在SotckDog中创建一个新的监视列表，该表单被展示在模态框中，它会提示用户输入姓名和简单的描述信息，用于识别监视列表。使用应用注册的所有监视列表将采用HTML5 LocalStorage把自己的数据保存在浏览器客户端。最后，监视列表的名字将显示在用户界面的一个小面板中。 在对组件目标功能有了高级别的了解之后，现在将学习如何使用AngularJS实现监视列表。
1、应用模块
所有Aglanrs应用的主入口是顶级app模块。那么到底什么是模块呢?如官方文档中手更制形的可将模块看成应用的不同部分的容器。尽管大多数应用都有一个生方法，用干于实钢化和连技不同的组件，但是Agais模块显式地指定了如何用动组件。这种万式的一些优点是:模块可按任意顺序以异步方式加载，代码可读性和可重用性也得到增强。在app/scripts/appjs文件中，调用.module(函数定义主应用模块，该函数将接受一个名字和一个依赖数组。注意模块的名称，此时使用的应该是stockDogApp, 因为稍后将引用它。
对于过去已经用过RequireJS的读者来说，这种声明模块依赖的方法应该看起来很熟悉。
2.安装模块依赖
目前，应用依赖的模块只应该包含ngAnimate、 ngC ookies、ngResource 、ngRoute、ngSanitize和ngTouch,所有这些依赖都是Yeoman根据初始的搭建过程中第三个提示的响应所安装的。稍后将使用AngularStrap 公开的$modal服务，这是一- 个为Bootstrap框架所提供的各种组件提供原生AngularJS 绑定的第三方模块。通过访问AngularStrap 的文档（http:/ngcre ghubio/anglarstrap),可以了解更多关于AngularStrap的相关知识。因为由Yeoman创建的工作流将使用Bower管理前端脚本，所以安装AngularStrap就是从命令行中执行下面的命令。
这将下载AngularSrp库，并将它保存为bowerjison 文件中的一个依赖。 如果保持之前使用grunt serve 启动的应用服务器一直运行， 那么Grunt已经看到了bower json的改动并将自动更新index. html文件，用于引用AnuglarSrap提供的cSS和JaScripi文件。对于简单的单行命令来说这还算不错!现在所有剩下的工作就是将Aglarsrap模块(被命名为mgrea. nStrap注t册为sokDogAP模块的依赖:将它添加到依赖数组中，如代码清单HTML中引用stockDogApp模块。
特性ng-app已经被附加到了页面的<body>标记中，它是一个AngularJS指令，用于将HTML元素标志为应用的根。稍后将定义指令，但是现在为了启动AngularJS网络监控软件应用模块，就必须在应用的HTML中添加ng-app特性。另外值得一提的是， 因为ng-app是一个元素特性，所以可以自由地移动它，并决定使用整个HTML页面还是一部分作为 Angular 应用。使用stockDogApp模块的方式启动应用，现在将公开给AngularJS 服务，这是AngularJS框架的另一个关键组件。
★关于WorkWin公司电脑监控软件★
WorkWin的使命是打造Work用途的Windows 电脑系统，有效规范员工上网行为，让老板知道员工每天在做什么（监控包括屏幕、上网在内的一举一动），限制员工不能做什么（禁止网购、游戏、优盘等）。
WorkWin基于纯软件设计，非常容易使用，无需添加或改动任何硬件，使用一台管理机监控全部员工机电脑。历经南京网亚十余年精心打造，此时此刻每天都有成千上万企业电脑正在运行WorkWin，选择WorkWin选择“赢”。
版权所有，南京网亚计算机有限公司 。本文链接地址: 创建网络监控监视列表