小编MPP*_*NBD的帖子

我正在将Angular 5项目迁移到Angular 6.

在开始申请时

npm start

得到以下错误

 ** Angular Live Development Server is listening on localhost: 9000, 
open your browser on http://localhost:9000/ **
91% additional asset processing scripts-webpack-plugin× ?wdm?: 
Error: ENOENT: no such file or directory,open'\trunk\node_modules\jquery\dist\jquery.min.js'

我试过了

npm install jquery --save
npm install @types/jquery --save

什么都行不通

我检查了我的节点模块文件夹,我可以看到jquery文件

粘贴下面的package.json和angular.json

的package.json

"dependencies": {
"@angular/animations": "^6.0.0",
"@angular/common": "^6.0.0",
"@angular/compiler": "^6.0.0",
"@angular/core": "^6.0.0",
"@angular/forms": "^6.0.0",
"@angular/http": "^6.0.0",
"@angular/platform-browser": "^6.0.0",
"@angular/platform-browser-dynamic": "^6.0.0",
"@angular/router": "^6.0.0",
"@ng-bootstrap/ng-bootstrap": "^2.0.0",
"bootstrap": "^4.1.1",
"core-js": "^2.5.4",
"font-awesome": "^4.7.0",
"jquery": "^3.3.1",
"@types/jquery": …

需要从我的自定义按钮调用csv按钮。

<button value="Export report to Excel" class="button-default datatable-csv" type="button" id="ExportReporttoExcel">
                <span>Export report to Excel</span>
            </button>

而不是从Datatable按钮调用它，我希望从上述按钮获得相同的功能。

在数据表中寻找一些配置更改，以便我可以调用自定义按钮将表记录导出为csv。

var table=$('#tableId').DataTable( {
    "paging":   true,
    "info":     true,
    "searching": true,      
    ,buttons: true
});


$("#SEARCH").on("keyup search input paste cut", function() {
    table.search(this.value).draw();
});

var buttons = new $.fn.dataTable.Buttons(table, {
     buttons: [
       'csvHtml5'
    ]
}).container().appendTo($('#ExportReporttoExcel'));

获得如下输出，但我只需要一个按钮。

我在Angular 5应用程序中遵循以下链接在新选项卡中显示pdf页面。但是无法达到目的。

我正在使用spring控制器api中的bytes数组。

PDF Blob未显示内容，Angular 2

PDF Blob-弹出窗口不显示内容

Angular2显示PDF

我尝试了以下选项，但是它们都不起作用。

试验1

将响应消耗为json

component.ts

clickEvent(){
this.service.getPDF().subscribe((response)=>{

  let file = new Blob([response.byteString], { type: 'application/pdf' });            
  var fileURL = URL.createObjectURL(file);
  window.open(fileURL);
})

}

服务

getPDF(){
const url = `${this.serviceUrl}/pdf`;

const httpOptions = {
  headers: new HttpHeaders(
    {
      'Accept': 'application/json',
      'responseType':'blob'
    }
  )
};

return this.http.get<any>(url, httpOptions);

}

试用2

将响应消耗为json

component.ts

clickEvent(){
this.service.getPDF().subscribe((response)=>{

  let file = new Blob([response.byteArray], { type: 'application/pdf' });            
  var fileURL = URL.createObjectURL(file);
  window.open(fileURL);
})

}

服务

getPDF(){
const url …

我试图将我的 angular 5 代码迁移到 angular 6。

执行 npm 后开始出现以下问题

   npm start

    WARNING in ./node_modules/pdfjs-dist/build/pdf.js
    Module not found: Error: Can't resolve 'zlib' in '\ui_angular_6\node_modules\pdfjs-dist\build'

包.json

  "dependencies": {
    "@angular/animations": "6.0.2",
    "@angular/common": "6.0.2",
    "@angular/compiler": "6.0.2",
    "@angular/core": "6.0.2",
    "@angular/flex-layout": "^6.0.0-beta.15",
    "@angular/forms": "6.0.2",
    "@angular/http": "6.0.2",
    "@angular/platform-browser": "6.0.2",
    "@angular/platform-browser-dynamic": "6.0.2",
    "@angular/router": "6.0.2",
    "@ng-bootstrap/ng-bootstrap": "^1.1.2",
    "angular-font-awesome": "^3.1.2",
    "body-parser": "^1.18.2",
    "bootstrap": "^4.1.0",
    "core-js": "^2.4.1",
    "elasticsearch": "^15.1.1",
    "elasticsearch-browser": "^15.1.1",
    "express": "^4.16.3",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "ng2-pdf-viewer": "^5.1.1",
    "npm": "^6.0.1",
    "popper.js": "^1.14.3",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "underscore": "^1.8.3",
    "zone.js": "^0.8.26" …

需要检查 number 是否为非 null ，非空。

但它应该传递像 0 1 2 等数字。

var xxx=0;
if(xxx){
// for 0 not coming here
}else{
// All empty,undefined,'' should go here  --- 
}