前端框架——AngularJS学习之控制器继承

有些功能是每个页面都有可能用到的，比如分页，复选等等，如果我们再开发另一个功能，还需要重复编写。怎么能让这些通用的功能只写一次呢？我们通过继承的方式来实现。

1. 建立父控制器

建立baseController.js

app.controller('baseController', function($scope) {
    //其中放入公共的部分    
});

2. 修改子控制器

改变brandController.js

app.controller('brandController',function($scope, $controller, brandService){
    
    //这其实是一种伪继承，并不是真正的继承，是通过传递scope，将基础controller的scope传递赋给子controller的scope,从而达到继承的效果
    $controller('baseController', {$scope:$scope});//第一个参数：表示要继承的controller;

});

3.先将父控制器导入页面，在导入子控制器

<script type="text/javascript" src="../js/controller/baseController.js"></script>
<script type="text/javascript" src="../js/controller/brandController.js"></script>