angular学习

ng-options:

*ng-model

<select class="bs-select form-control" ng-model="queryModel.gl_code" ng-options="c.gl_code as c.gl_name for c in queryModel.category"></select>

 *注意接口异步操作

for循环接口异步操作，递归解决

    $scope.food = function() {
        $scope.hashModel = {
            hash: 0
        }
        $scope.filter.data = []
        $scope.filter.hashData = hashSignature($scope.hashModel);
        goodsService.queryTopCategory(13, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature).then(function(result){
            // console.log(result);
            $scope.sub = function(i){
                if(i == result.length) {
                    $('#tree_1').jstree({
                    'core' : {
                            "multiple": false,//单选,
                            "themes":{
                                "theme" : "classic",
                                "dots" : true,
                                "icons" : false
                            },
                            'data' : $scope.filter.data
                        }
                    });
                }
                else {
                    $scope.filter.hashData = hashSignature($scope.hashModel);
                    goodsService.querySubClassification(14, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, result[i].gl_code).then(function(result2){
                        // console.log(result2)
                        var children = [];
                        for(var j = 0; j < result2.length; j++) {
                            children.push({'text': result2[j].gl_name, 'id': result2[j].gl_code});
                        }
                        $scope.filter.data.push({'text':result[i].gl_name,'id': result[i].gl_code, 'children': children});
                        $scope.sub(i+1);
                    });
                }
            }
            $scope.sub(0);
        });

        $('#tree_1').on("changed.jstree", function (e, data) {
            // console.log("The selected nodes are:");
            // console.log(data.selected);
            // console.log(data.instance.get_node(data.selected[0]).text);
            if(data.selected[0].length == 4) {
                $scope.filter.goodSubmit = 1;
                $scope.addModel.gl_code = data.selected[0];
                $scope.addModel.gl_name = data.instance.get_node(data.selected[0]).text;
            }
            else {
                $scope.filter.goodSubmit = 0;
            }
        });
        $('#basic').modal('show');
    }

MetronicApp.controller('productionGoodsManageController', function ($rootScope, $scope, $http, $timeout, goodsService) {
    $scope.table = $('#sample_2').DataTable();

    /*$scope.info = $scope.table.page.info();
    console.log($scope.info);*/
    $scope.queryModel={
        c_id: "f3f3c9bf-d91a-4d1f-b338-dedadff6c35f",
        g_name: '',
        gl_code: "",
        g_type: 0,
        page: 1,
        rows: $scope.table.page.info().length
    };

    $scope.productModel = {
        pages: '',
        products: []
    };

    $scope.filter = {
        show_len: 5,
        turn_len: 2,
        g_types: [{code: 0, type: "标准商品"},{code: 1, type: "非标准商品"}],
        g_type_array: ["标准商品","非标准商品"],
        gll_code: "01"
    };

    $scope.loopQuery = function(p) {
        //alert(p)
        while($scope.queryModel.page < p) {
            $scope.queryModel.page++;
            $scope.filter.hashData = hashSignature($scope.queryModel);
            goodsService.getMemberInfo(15, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, $scope.queryModel).then(function(result){
                //console.log(result);
                for(var i = 0; i < $scope.queryModel.rows; i++) {
                    $scope.productModel.products.push(result.products[i]);
                }
                // console.log($scope.productModel);
            });
        }
    };

    //查询所有一级商品分类信息
    $scope.filter.hashData = hashSignature($scope.queryModel);
    goodsService.queryTopCategory(13, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature).then(function(result){
        // console.log(result);
        $scope.filter.category = result;
        // console.log($scope.filter.category);
        // alert($scope.queryModel.category[0].gl_name)
    });

    //根据父级商品分类编号查询子集商品分类
    /*$scope.filter.hashData = hashSignature($scope.queryModel);
    goodsService.querySubClassification(14, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, $scope.filter.gll_code).then(function(result){
        // console.log("sub");
        $scope.queryModel.gl_code = result[0].gl_code;
        $scope.filter.sub = result;
        // console.log($scope.filter.sub);
    })*/

    //根据父级商品分类编号查询子集商品分类
    $scope.querySub = function() {
        $scope.filter.hashData = hashSignature($scope.queryModel);
        goodsService.querySubClassification(14, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, $scope.filter.gll_code).then(function(result){
            // console.log("sub");
            $scope.queryModel.gl_code = result[0].gl_code;
            $scope.filter.sub = result;
            // console.log($scope.filter.sub);
        })
    }


    $scope.query = function() {
        /*$scope.info = $scope.table.page.info();
        console.log($scope.info);*/
        $scope.queryModel.page = 1;
        $scope.filter.hashData = hashSignature($scope.queryModel);
        goodsService.getMemberInfo(15, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, $scope.queryModel).then(function(result){
            // console.log(result);
            $scope.productModel.pages = result.paramcentcount;
            $scope.productModel.products = result.paramData;
            //$scope.productModel.pages = 3;
            $scope.loopQuery(Math.min($scope.productModel.paramcentcount, $scope.filter.show_len));
        });
    };

    /*$(".next").click(function () {
        //alert("next")
        
    });
    $(".prev").click(function () {
        //alert("prev")
        
    });*/


    $(".input-sm").change(function(){
        //alert($(this).children('option:selected').val());
        $scope.queryModel.rows = $(this).children('option:selected').val();
        var ap = $scope.table.page.info().page;
        var total = $scope.table.page.info().recordsTotal;
        $scope.queryModel.page = parseInt(total/$scope.queryModel.rows);
        var surplus = total%$scope.queryModel.rows;
        if(surplus != 0) {
            $scope.productModel.products.splice($scope.queryModel.page*$scope.queryModel.rows+1, surplus);
        }
        $scope.queryModel.page++;
        $scope.filter.hashData = hashSignature($scope.queryModel);
        goodsService.getMemberInfo(15, $scope.filter.hashData.time, $scope.filter.hashData.rannum, $scope.filter.hashData.signature, $scope.queryModel).then(function(result){
            //console.log(result);
            $scope.productModel.pages = result.pages;
            for(var i = 0; i < $scope.queryModel.rows; i++) {
                $scope.productModel.products.push(result.products[i]);
            }
            console.log($scope.productModel);
        });
        if(ap + $scope.filter.turn_len > $scope.queryModel.page) {
            $scope.loopQuery(Math.min(ap + $scope.filter.turn_len, $scope.productModel.pages));
        }
    });

    $(".pagination").bind("click", "a", function() {
        var ap = $scope.table.page.info().page;  
        if(ap + $scope.filter.turn_len > $scope.queryModel.page) {
            $scope.loopQuery(Math.min(ap + $scope.filter.turn_len, $scope.productModel.pages));
        }
        // alert($scope.queryModel.page + " in " + $scope.queryModel.pages);  
    }); 

    /*var table = $('#sample_2').DataTable();
    $('#sample_2').on( 'page.dt', function () {
        var info = table.page.info();
        alert(info.page + " " + info.pages)
        //$('#pageInfo').html( 'Showing page: '+info.page+' of '+info.pages );
    } );*/
});

 ng-bind-html:

<div ng-repeat="article in articles">
        <div class="panel-heading">
            <h4><b>{{article.title}}</b></h4>
        </div>
        <div class="panel-body">
            <article id="word-display" ng-bind-html="article.content | trustHtml">
            </article>
        </div>
    </div>

success(function (data) {
                        $scope.articles = data;
});
myApp.filter('trustHtml', function ($sce) {
        return function (input) {
            return $sce.trustAsHtml(input);
        }
    });

 $interval:

var timer = $interval(function(){
}, 100, 3);
timer.then(function(){
    console.log("done");
});

var timer = $interval(function(){},100, 10);
timer.then(success, error, notify);
function success(){
console.log("done");
}
function error(){
console.log("error");
}
function notify(){
console.log("每次都更新");
}

var timer = $interval(function(){},100, 10);
this.cancel = function(){
$interval.cancel(timer);
}