前端开发

在 AngularJS 中，Controller 之间可以共用的代码我们通常抽出来写成一个 Service。全局 Alert 消息系统就是一个很好的例子，比如“用户注册成功”、“添加商品成功”，每个 Controller 都有机会发出通告，这一部分功能应该写成独立模块。

Angular-UI Bootstrap 项目提供了一系列的模块，将 Bootstrap 中的 component 转换为原生的 Angular directives，如果你正在同时使用 Bootstrap 和 AngularJS，那么强烈建议你使用它。

更多 >

AngularJS 是一个 Web 应用框架，它实现了前端的 MVC 架构，能让开发人员很方便地实现业务逻辑。

举个栗子，要做到下面的效果，以前可能需要写一连串的 JavaScript 代码绑定 N 多事件。而使用 AngularJS 框架，一句 JavaScript 都不用写就能实现了，神奇吧？查看演示。

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <div data-ng-app>
        单价： <input type="number" min=0 ng-model="price" ng-init="price = 299">
        <br>
        数量： <input type="number" min=0 ng-model="quantity" ng-init="quantity = 1">
        <br>
        总价： {{ quantity * price }}
    </div>

这得益于 AngularJS 中的双向数据绑定特性(Two Way Data-Binding)，将 Model 和 View 自动关联了起来，在更复杂的业务场景下，还有代码分离的好处，将 DOM 操作和应用逻辑解耦，非常实用。

更多 >