anguar(mvc)总结

angular（mvc）三层架构

1.创建base.js(注意【】加分页)

var app=angular.module('cnds',[]);

2.service(注意this跟retrurn)

app.service("cndsservice", function($http) {
    
    this.findAll=function(){
        return $http.get("../cnds/findAll");
    }
    
});

3.controller（$controller引入公共模块）

app.controller("cndscontroller", function($scope,cndsservice,$controller) {
    
    //继承
    $controller("basecontroller",{$scope:$scope});
    //查询列表
    $scope.findAll=function(){
        cndsservice.findAll().success(function(data) {
            $scope.list=data;
        });
    }
});

1.公共的controller

app.controller("basecontroller", function($http,$scope) {
    
});

 

页面引入

插件引入

 <script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
    <script type="text/javascript" src="../js/base.js"></script>
    <script type="text/javascript" src="../js/service/cndsdservice.js"></script>
    <script type="text/javascript" src="../js/controller/basecontroller.js"></script>
    <script type="text/javascript" src="../js/controller/cndscontroller.js"></script>

 

ng-app="pyg" ng-controller="cndscontroller“”