小编Nan*_*ncy的帖子

我正在尝试使用mat-tab.我在html中添加了以下代码

<mat-tab-group>
    <mat-tab label="Tab 1"> <app-latest-article></app-latest-article></mat-tab>
    <mat-tab label="Tab 2">  <app-trending-article></app-trending-article> </mat-tab>
</mat-tab-group>

在ts文件中

import {MatTabsModule} from '@angular/material/tabs';

我收到了错误

<mat-tab-group>
    <mat-tab label="Tab 1"> <app-latest-article></app-latest-article></mat-tab>
    <mat-tab label="Tab 2">  <app-trending-article></app-trending-article> </mat-tab>
</mat-tab-group>

我在用

    <ngx-datatable-column [flexGrow]="4" [sortable]="true" name="Name" prop="empName" [cellClass]="'text-left'" [headerClass]="'text-left'" [width]="450">
                                        <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
                                            <span class="empName">{{value}}</span>
                                        </ng-template>
                                    </ngx-datatable-column>


 ngOnInit() {
    this.init();
  }

  init() {
    this.fetchDetails();
  }

  fetchDetails() {
    document.getElementsByClassName("sort-btn")[0].classList.add("datatable-iconCustom");
  }

在这里，当我们单击标题标题时，将启用排序图标。有没有一种方法可以默认始终启用排序图标，而不仅仅是在标题悬停时启用排序图标。

最新代码：：： convert（）{

  const doc = new jsPDF();
  // tslint:disable-next-line:max-line-length
  const col = ['DischargeDate', 'Case Number', 'Patient Name', 'Hospital Name',  'Payor', 'Total Doctor Fee', 'To be Collected'];
  const rows = [];

/* The following array of object as response from the API req  */

const itemNew = this.finalArList;

itemNew.forEach(element => {
  // tslint:disable-next-line:max-line-length
  const temp = [element.dischargeDate, element.caseNo, element.patientName, element.instName, element.payor, element.totalDrFee, element.drFeeToCollect];
  rows.push(temp);

});

  doc.autoTable(col, rows);
  doc.save('Test.pdf');
}

上面是返回对象数组的api url，在View中，我正在打印这些数据。现在如何下载此列表为pdf格式。

从api调用返回的json数据如下所示。如何实现此json数据的PDF下载。

好的，这是我尝试过的代码。

public downloadPdf() {
      return this.http
        .get('http://161.202.31.51:8185/sgdocsrv/ar/getARList', {
          responseType: …

我正在尝试使用电子邮件和电话号码创建一个简单的angular 2 反应式表单。下面是我的代码。我在这里面临两个问题。

1. 最初验证按钮应该被禁用。它应该被启用，只有在输入电子邮件字段时。

2. 第二个问题是我想一次只启用一个字段。如果用户开始输入电子邮件，则应禁用电话号码，反之亦然。如果输入电子邮件或电话号码，将启用保存按钮

我如何实现这一目标？

<form [formGroup]="personalDtlsForm">
  <div class="form-group" [ngClass]="displayFieldCss('inputValue')">
    <div class="row">
      <div class="col">
        <label for="inputValue" class="control-label required">Email</label>
      </div>
    </div>
    <div class="row">
      <div class="col-9">
        <input type="text" id="email" class="form-control" formControlName="inputValue">
      </div>
      <div class="col-3">
        <button type="button" id="verifyBtn" class="btn btn-primary btn-large" (click)="verify()">Verify</button>
      </div>
    </div>

  </div>

  <div class="form-group row" [ngClass]="displayFieldCss('phoneNo')">
    <div class="col paddingTop">
      <label for="phoneNo" class="userID control-label textColor">Phone
      </label>
      <input type="number" class="form-control" id="phoneNo" formControlName="phoneNo">
    </div>
  </div>
  <div class="viewdetailbtn">
    <button type="button" [disabled]="!personalDtlsForm.valid" class="btn btn-primary btn-large btnwidth marginBottom" (click)="savePersonalDtls()">Save</button>
  </div>
</form>


this.personalDtlsForm = …

  sortArrayDate(arrayToSort, arrayDateKey, ascendingOrDecending) {
    if (true) {
      arrayToSort.sort(function(a, b){
        if (a[arrayDateKey] === '' || a[arrayDateKey] === null) {
          return 1;
        }
        if (b[arrayDateKey] === '' || b[arrayDateKey] === null) {
          return -1;
        }
        return new Date(a[arrayDateKey]).getTime() - new Date(b[arrayDateKey]).getTime();
   });
    } else {
        arrayToSort.sort(function(a, b){  //getting error
        if (a[arrayDateKey] === '' || a[arrayDateKey] === null) {
          return 1;
        }
        if (b[arrayDateKey] === '' || b[arrayDateKey] === null) {
           return -1;
        }
        return new Date(b[arrayDateKey]).getTime() - new Date(a[arrayDateKey]).getTime();
      });
    }
  } …

我需要启用/禁用下面的按钮，我有下面的代码。它只能从第二次开始正常工作。最初，当我登陆页面时，应该禁用该按钮，因为我在输入框中没有值。如果我在文本框中输入内容并将其删除，则该按钮将被禁用。当我以角度4登陆页面时，如何禁用第一个按钮

<input type="email" class="form-control" id="inputValue"  placeholder="johndoe@company.com" formControlName="inputValue">
 <button type="button" id="verifyBtn" [disabled]="inputValue === ''" class="btn btn-primary btn-large" (click)="verify()">Verify</button>

我正在使用下面的搜索管道来显示记录集，并将管道名称附加到HTML文件中。下面的管道将在搜索栏中获取用户键入的值，并根据用户键入的输入显示记录。在下面的代码中，我试图根据病例编号和患者姓名搜索记录，这很好。但是我不确定如何处理未找到记录。当用户在搜索栏中键入内容，并且如果没有记录时，我需要显示一条消息“找不到记录”。

我正在尝试在单击时更改标记的iconUrl.我正在使用有角度的谷歌地图.iconUrl我使用的是本地资源文件夹而不是服务API.

<agm-marker *ngFor="let m of mapArrayList; let i = index" (markerClick)="clickedMarker(infowindow)"
    [latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location.lng()" 
    [iconUrl] ="
      {
        url: './assets/images/car.svg',
        scaledSize: {
            width: 40,
            height: 60
        }
    }">

如何在单击标记时更改上面的iconUrl.

我正在尝试使用离子v3弹出窗口。我也实现了相同的功能。我有一个疑问，是否像ionic v1一样在ionic 3中有弹出箭头。如果是，则是什么特定的html标签。我们在ionic 1中有，但在ionic v3中不支持。我没找到。