我想自定义 mat-paginator 。默认情况下,我得到这样的分页器,它在下面的链接https://material.angular.io/components/paginator/overview 中给出 。但我想要如下图所示的分页。我如何使用mat-paginator做到这一点
任何人都可以帮我解决这个问题。
我想从我的应用程序上传一个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) 我有一个Json响应
"carts": {
"value": [
{
"Amt": 40
},
{
"Amt": 20.25
},
{
"Amt": 10.30
}
]
}
Run Code Online (Sandbox Code Playgroud)
我想得到Amt字段的和值,输出应该是70.55如何使用Typescript来获取它.我是打字稿的新手.有人可以帮我这个吗?
以下是我使用的版本"@ 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) 我正在使用这个“ https://www.npmjs.com/package/ngx-pagination ”进行分页。
工作代码:https : //stackblitz.com/edit/angular-e1f9hq。
我只想保留箭头图标。并且选定的页码框颜色我也想更改。但我不知道如何改变这一点。谁能帮帮我吗。
我想将当前日期转换为时间戳。假设今天的日期是 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点
谁能帮助我如何变得这样。
我想在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)
但它不起作用,任何人都可以帮助我如何实现这一目标。
我正在使用 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 6 mat-horizontal-stepper。我想给它一些特定的宽度,并希望将其保留在页面的中心。对于 mat-horizontal-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)
谁能帮我解决这个问题吗?
我有这样的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) angular ×6
css ×3
typescript ×3
angular6 ×2
javascript ×2
json ×2
android ×1
arrays ×1
date ×1
datetime ×1
jasmine ×1
mat-stepper ×1
ngfor ×1
pagination ×1
paginator ×1
sass ×1
time ×1