小编ana*_*nya的帖子

如何在角度材料中自定义 mat-paginator

我想自定义 mat-paginator 。默认情况下,我得到这样的分页器,它在下面的链接https://material.angular.io/components/paginator/overview 中给出 。但我想要如下图所示的分页。我如何使用mat-paginator做到这一点

在此处输入图片说明

任何人都可以帮我解决这个问题。

paginator angular-material

16
推荐指数
3
解决办法
3万
查看次数

如何从Android应用程序上传db文件到谷歌驱动器?

我想从我的应用程序上传一个db文件到谷歌驱动器.我能够在谷歌驱动器中创建一个文件夹,但我没有得到如何上传数据库文件.

这是我的代码.

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.FileInputStream;
import java.io.IOException;

import android.content.Context;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.MimeTypeMap;
import android.widget.Button;
import android.widget.Toast;


import com.google.android.gms.common.api.ResultCallback;
import com.google.android.gms.drive.Drive;
import com.google.android.gms.drive.DriveApi;
import com.google.android.gms.drive.DriveContents;
import com.google.android.gms.drive.DriveFile;
import com.google.android.gms.drive.DriveFolder;
import com.google.android.gms.drive.DriveFolder.DriveFolderResult;
import com.google.android.gms.drive.DriveId;
import com.google.android.gms.drive.Metadata;
import com.google.android.gms.drive.MetadataChangeSet;
import com.google.android.gms.drive.DriveApi.DriveContentsResult;

import com.google.api.client.http.FileContent;
//import com.google.api.services.drive.Drive;
import com.google.api.services.drive.Drive.Files;
import com.google.api.services.drive.model.File;
import com.google.api.services.drive.model.FileList;

//import com.google.api.services.drive.Drive;


public class MainActivity extends BaseDemoActivity {

    private final static String TAG = "MainActivity";
    DriveId …
Run Code Online (Sandbox Code Playgroud)

android google-drive-api google-drive-android-api

4
推荐指数
1
解决办法
2140
查看次数

如何从Angular2(Typescript)中的Json数组中获取值的总和

我有一个Json响应

"carts": {
            "value": [
                {

                    "Amt": 40

                },
                {
                    "Amt": 20.25

                },
                {

                    "Amt": 10.30

                }

            ]
        }
Run Code Online (Sandbox Code Playgroud)

我想得到Amt字段的和值,输出应该是70.55如何使用Typescript来获取它.我是打字稿的新手.有人可以帮我这个吗?

arrays json typescript angular

4
推荐指数
4
解决办法
1万
查看次数

错误 - node_modules\@types\jasmine\index.d.ts(138,230)TS1005:')'预期

以下是我使用的版本"@ types/jasmine":"^ 2.8.9""typescript":"~2.6.2"

 "devDependencies": {
        "@ionic/app-scripts": "3.2.0",
        "@types/jasmine": "^2.8.9",
        "@types/node": "^10.12.5",
        "angular2-template-loader": "^0.6.2",
        "html-loader": "^0.5.5",
        "istanbul-instrumenter-loader": "^3.0.1",
        "jasmine": "^3.3.0",
        "jasmine-spec-reporter": "^4.2.1",
        "karma": "^3.1.1",
        "karma-chrome-launcher": "^2.2.0",
        "karma-coverage-istanbul-reporter": "^2.0.4",
        "karma-jasmine": "^1.1.2",
        "karma-jasmine-html-reporter": "^1.4.0",
        "karma-sourcemap-loader": "^0.3.7",
        "karma-webpack": "^3.0.5",
        "null-loader": "^0.1.1",
        "protractor": "^5.4.1",
        "ts-loader": "^3.5.0",
        "ts-node": "^7.0.1",
        "typescript": "~2.6.2"
      },
Run Code Online (Sandbox Code Playgroud)

但我仍然得到以下错误

Error: node_modules/@types/jasmine/index.d.ts(138,47): error TS1005: ';' expected.
node_modules/@types/jasmine/index.d.ts(138,90): error TS1005: '(' expected.
node_modules/@types/jasmine/index.d.ts(138,104): error TS1005: ']' expected.
node_modules/@types/jasmine/index.d.ts(138,112): error TS1005: ',' expected.
node_modules/@types/jasmine/index.d.ts(138,113): error TS1136: Property assignment expected.
node_modules/@types/jasmine/index.d.ts(138,121): error TS1005: ')' expected.
node_modules/@types/jasmine/index.d.ts(138,147): …
Run Code Online (Sandbox Code Playgroud)

jasmine typescript karma-jasmine

4
推荐指数
3
解决办法
7817
查看次数

如何自定义 <pagination-controls> 可见性

我正在使用这个“ https://www.npmjs.com/package/ngx-pagination ”进行分页。

工作代码:https : //stackblitz.com/edit/angular-e1f9hq

在这里我想删除文本“上一个”和“最后一个截屏”。

我只想保留箭头图标。并且选定的页码框颜色我也想更改。但我不知道如何改变这一点。谁能帮帮我吗。

javascript css pagination typescript angular

3
推荐指数
1
解决办法
9044
查看次数

如何在 Angular 2/4 中将当前日期转换为时间戳

我想将当前日期转换为时间戳。假设今天的日期是 26/4/2019 ,那么我就是这样做的。

const current = new Date();
const timestamp = current.getTime();
Run Code Online (Sandbox Code Playgroud)

但这给了我 1556532767266。当我从中获取日期时,它显示 UTC 的“Mon Apr 26 2019 10:12:47”和本地的“Mon Apr 26 2019 15:42:47”。但我想在“ 2019年4月26日星期一00:00:00 ”,即晚上12点

谁能帮助我如何变得这样。

javascript time datetime date angular

3
推荐指数
1
解决办法
3万
查看次数

如何在 mat-h​​orizo​​ntal-stepper 中为不同的形式设置不同的宽度

我想在mat-step中为不同的表单设置不同的宽度。第一个表单的内容宽度为400px,第二个表单内容的宽度为700px。

<mat-horizontal-stepper labelPosition="bottom" #stepper>
  <mat-step [stepControl]="firstFormGroup">
    <form [formGroup]="firstFormGroup">
      <ng-template matStepLabel>Fill out your name</ng-template>
       <div style="width:400px">
 <mat-form-field>
        <input matInput placeholder="Last name, First name" formControlName="firstCtrl" required>
      </mat-form-field>

       </div>

      <div>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>
  <mat-step [stepControl]="secondFormGroup">
    <form [formGroup]="secondFormGroup">
      <ng-template matStepLabel>Fill out your address</ng-template>
      <div style="width:700px">
         <mat-form-field>
        <input matInput placeholder="Address" formControlName="secondCtrl" required>
      </mat-form-field>
      </div>


      <div>
        <button mat-button matStepperPrevious>Back</button>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>
  <mat-step>
    <ng-template matStepLabel>Done</ng-template>
    You are now done.
    <div>
      <button mat-button matStepperPrevious>Back</button>
      <button mat-button (click)="stepper.reset()">Reset</button>
    </div>
  </mat-step>
</mat-horizontal-stepper>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,任何人都可以帮助我如何实现这一目标。

css sass angular6 angular-material-6

2
推荐指数
1
解决办法
2658
查看次数

如何在 Angular 6 中将 maxdate 和 mindate 添加到 mat-calendar

我正在使用 Angular 6 材料设计垫日历。我指的是下面的例子。 https://stackblitz.com/edit/angular-mat-calendar?file=src%2Fapp%2Fapp.component.html

但是在 mat-calendar 中如何设置最小和最大比例。

 <mat-calendar [selected]="selectedDate" (selectedChange)="onSelect($event)"></mat-calendar>
Run Code Online (Sandbox Code Playgroud)

我正在尝试像这样添加,但它不起作用。

<mat-calendar [selected]="selectedDate" (selectedChange)="onSelect($event)" [min]="mindate" [max]="maxdate"></mat-calendar>
Run Code Online (Sandbox Code Playgroud)

但这会引发错误“无法绑定到 'min',因为它不是 'mat-calendar' 的已知属性。”

任何人都可以帮助我。

angular angular-material-6

2
推荐指数
1
解决办法
1841
查看次数

如何将 mat-h​​orizo​​ntal-stepper 保持在页面中心

在此输入图像描述我正在使用 Angular 6 mat-h​​orizo​​ntal-stepper。我想给它一些特定的宽度,并希望将其保留在页面的中心。对于 mat-h​​orizo​​ntal-content-container 我能够将其保持在中心

.mat-horizontal-content-container 
    text-align: center;
    overflow: hidden;
    padding: 0;
Run Code Online (Sandbox Code Playgroud)

但是如何将标题保持在页面中心。我正在尝试这个,但它不起作用。

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container 
    width: fit-content !important;
    align-items: center;
Run Code Online (Sandbox Code Playgroud)

谁能帮我解决这个问题吗?

css angular angular6 angular-material-6 mat-stepper

1
推荐指数
1
解决办法
5713
查看次数

将HTTP响应呈现为Angular2中的列表

我有这样的json响应.

{
  "response": {
    "data": {
      "customers": [{
        "customerNumber": "123",
        "customerName": "ABC",
        "customeraddresse": [{
          "address": "test"
        }]
      }, {
        "customerNumber": "345",
        "customerName": "CDS",
        "customeraddresse": [{
          "address": "test1"
        }]
      }]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我正在做这样的请求来获取响应数据.它将被退回,因为我已经检查过了.

public getData(): Promise<any> {
  let payload = JSON.stringify( ... );
  let headers = new Headers({ 'Content-Type': 'application/json'});

  return this.http.post(this.url, payload, { headers: headers })
             .toPromise()
             .then(res => {                  
                this.response_data = res.json().response.data;                  
                return this.response_data;
             })
             .catch(this.handleError);
}
Run Code Online (Sandbox Code Playgroud)

但问题是,我想获取customerNumber和customerName的值,并将它们显示在列表中

在此示例中,有两个客户,因此此标记应呈现两次:

<div>
  <div>CustomerNumber</div>
  <div>CustomerName</div>
</div>
Run Code Online (Sandbox Code Playgroud)

json ngfor angular

0
推荐指数
1
解决办法
151
查看次数