angularjs笔记
  • Introduction
  • 依赖注入
  • 作用域
  • 数据绑定
    • 控制器->模板->控制器->模板
  • 多个控制器
  • $scope对象
    • $apply方法、$digest方法
    • $watch方法
    • 示例:购物车
  • 模块和控制器
  • $provide对象的provider、factory、service方法
    • 多个控制器内共享数据
  • 过滤器(Filters)
    • number、currency、date
    • limitTo、lowercase、uppercase
    • filter、orderBy、json
    • 示例:产品列表
    • 自定义过滤器
  • 控制器(controller)
    • 显式和隐式依赖注入
  • 指令
    • Angular 内置指令
    • Angular 自定义指令
      • restrict、template、replace属性
      • templateUrl属性
      • transclude、priority、terminal属性
      • compile && link属性
      • controller && controllAs属性
      • require属性
      • scope属性
  • Module里其他方法
    • constant、value、run方法
  • Form表单
    • 示例:注册页
  • XHR和服务器端的通信
    • $http
  • JavaScript基础
    • .isFunction是否为函数
  • 资料链接
  • 功能组件
    • Tooltip
    • CSV
  • 其他
    • $watchCollection
    • $controller 继承
    • 两个对象合并
    • 页面关闭
    • AngularJs 时间格式化处理
    • 数据的本地存储
    • 页面的URL
Powered by GitBook
On this page

Was this helpful?

  1. 功能组件

CSV

html

 <button type="submit" class="btn btn-success" filename="{{ getFilename() }}" field-separator=";" quote-strings='"' lazy-load="true" ng-csv="download()" csv-header="getHeader()">
 Download
 </button>

controller

$scope.download = function() {
            return ApprovalCMS[$scope.basicSearchFunction()]($scope.query, 0, 9999999, {"update_time": -1}, $scope.searchId).then(function(data){
                var exportData = [];
                 _.forEach(data.products, function(product){
                     exportData.push(
                         {
                             "shop_sku": product.shop_sku,
                             "ean": product.ean,
                             "title": product.title,
                             "failure_reason": _.trim(_.join(_.values(product.failure_reason), ','), ',')
                         });
                 });
                return Promise.resolve(exportData);
            });
        };

        $scope.getHeader = function () {
            return ["Shop sku", "EAN", "Title", "Rejection reason"]
        };

        $scope.getFilename = function () {
            return 'rejectedProducts_' + $filter('date')(new Date(), "yyyyMMddHHmmss") + '.csv'
        };

PreviousTooltipNext其他

Last updated 5 years ago

Was this helpful?