angular的处理方式

<!DOCTYPE html>
<html>

<head>
    <!-- <script src='__STATIC__/js/jquery.min.js' type="text/javascript"></script> -->
    <script src="__STATIC__/js/angular.min.js"></script>
</head>

<body ng-app="mainApp">
    <div ng-controller="cartController">
        <div ng-repeat="vo in cart">
            <span ng-bind="vo.name"></span>
            <em ng-bind="vo.type.item" ng-click="add_cart(this)"></em>
        </div>
        <div>
            <button ng-click="get_data_list()">点击</button>
        </div>
        <input type="" name="" ng-model="num">
    </div>
    <script type="text/javascript">
    </script>
    <script>
    var mainApp = angular.module('mainApp', []);
    mainApp.controller('cartController', function($scope, $http) {
        $scope.cart = [];
        $scope.num = 0;
        $scope.$watch('cart', function(newValue, oldValue) {
            console.log('cart获取');
        });
        $scope.get_data_list = function() {
            console.log('get_data_list');
            $http({
                method: 'POST',
                url: "{:url('ajax_get_list')}",
            }).success(function(data, status) {
                $scope.cart = data.data;
            }).error(function(data, status) {});
        };
        $scope.add_cart = function(e) {
            console.log(e);
            console.log($scope.num);
            // console.log(e.vo.type);
        };
        $scope.get_data_list();
    });
    </script>
</body>

</html>
猜你喜欢
