Angular
  1. 首页
  2. Angular

AngularJS实际项目应用——项目目录结构概览

在网上很多AngularJS的项目示例中，目录结构都是简单的按照controller，view，service分层的，其实这种目录结构在大一点的项目中根本没法用，因为实际项目的controller可能会非常多，如果按照一个js文件里一个controller的写法，文件会非常多，几乎没法维护。下面是个人AngularJS项目中的一些目录结构示例，仅供参考学习，未必是最好的选择，但实际使用起来，感觉还不错。app.js是angularjs整个项目的入口文件。

Angualr 组件间通信

Angualr组件间通信约定：遵循Angular官方的说法，下文中的AngularJS代指1.x版本，Angular代指Angular2及以后的升级版本。后面介绍的Angular的方案也有许多可以通用的地方。Angular组件间的数据通信SharedService共享服务方案在新的Angular中依然可以使用，而且无需额外的学习成本。基于这些设计理念，Angular为指令提供了更为强大的功能，组件也是指令。（关于Angualr组件的生命周期，之后会有相关的学习笔记整理。

AngularJs checkbox绑定

一、AngularJs中关于checkBox的双向绑定1.默认ng-model绑定返回的都是true或false2.可以只用ng-true-value，ng-false-value，分别指定选中和不选中ng-model的值3.如果想把所有选中的结果，使用逗号隔开，处理方式1如下：初始化绑定+获取选中结果：更多参考：使用$watch来监视属性或对象的变化AngularJsselect绑定数字类型问题AngularJS路由之ui-router（三）大小写处理

AngularJS学习：Angular的模块

你可以把模块看成是一个你的app的不同部分的一个容器。取而代之的是模块声明地指定了一个应用应该如何被启动。单元测试仅仅加载相关的模块，这会使得它们可以很快地进行。我怎么能让一个HelloWorld模块工作呢？EditinPlunkerindex.htmlscript.js（注：这个地方原本的index.html展示的代码不完整，我将它补全了。）重要的事情需要注意：这个ModuleAPI。这个数组是myApp依赖的一个模块列表。每一个可重用的组件一个模块。我们已经writtenadocument，关于我们在

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题，也即是页面闪烁问题。出现这个的原因是：由于页面或者组件需要渲染加载数据，浏览器和angluarjs渲染页面需要消耗一定的时间，虽然这个时间很多，可能肉眼看不出来，但有的时候加载时间比较长的时候，特别是网络等原因。如下：2.ng-bindng-bind是angular里面另一个内置的用于操作绑定页面数据的指令。

AngularJS路由之ui-router三大小写处理

解决方案一：$urlRouterProvider服务的rule()方法提供处理客户端连接的接口，这样处理，浏览器的地址栏总会显示小写，但是这是除了动态参数之外的部分。