小编use*_*542的帖子

我想在选项卡开关上添加向前和向后导航动画。

我想复制 Facebook 应用标签导航动画的当前状态。

我目前尝试在单个选项卡上添加一个方法来调用一个调用向前导航的函数。

<ion-tab-bar slot="bottom">
  <ion-tab-button (click)="goToListTab()" mode="md">
    <ion-icon name="list"></ion-icon>
    <ion-label>Orders</ion-label>
  </ion-tab-button>

  <ion-tab-button (click)="goToNewTab()" mode="md">
    <ion-icon name="add"></ion-icon>
    <ion-label>New Order</ion-label>
  </ion-tab-button>

  <ion-tab-button (click)="goToAccountTab()" mode="md">
    <ion-icon name="person"></ion-icon>
    <ion-label>Account</ion-label>
  </ion-tab-button>
</ion-tab-bar>

我的 .ts 文件具有调用导航的功能。我只包括了一个来简化。

goToAccountTab() {
    this.router.navigateBack('/tabs/account');
}

在 goToAccountTab 上，我希望它可以导航到带有 navigateBack 动画的帐户选项卡，但它成功转到了帐户选项卡，但不执行 navigateBack 动画。

我有一个接口定义为:

export interface Address {
    addressType: {
        house?: {
            streetAddress: string,
            city: string,
            zip: string,
        },
        apartment?: {
            streetAddress: "",
            unitNumber: "",
            city: "",
            zip: "",
            buildingName?: "",
        },
    }
    instructions?: string;
}

然后在我的组件的Typescript文件中,我定义了一个房屋地址:

address: Address;

constructor() {

    this.address.addressType = {
      house: {
        streetAddress: "1 test",
        city: "test city",
        zip: "92222",
      }
    }        
    console.log(this.address);
}

虽然当我将地址记录到控制台时,我得到:

Uncaught (in promise): TypeError: Cannot set property 'addressType' of undefined

我以为我在构造函数中设置了addressType.有没有更有效的方法来做我正在做的事情？

我只是在h1内的离子网格中有一个离子含量。

<ion-content no-padding no-bounce>
    <ion-grid no-padding>
        <h1>ion-grid</h1>
    </ion-grid>
</ion-content>

我将离子含量设置为100vh，将离子栅设置为80％；高度。如何使离子网格在离子含量范围内垂直居中？并使h1在离子网格内垂直居中？

我尝试将离子含量设置为显示柔韧性（我确信它已经是）和对齐内容中心。与离子格栅相同。

这是我的CSS：

ion-content {
    display: flex;
    height: 100vh;
    width: 100vw;
    align-content: center;

    ion-grid {
        display: flex;
        height: 80%;
        width: 100%;
        background-color: blue;
        align-content: center;
    }
}

这是结果（离子网格固定在离子含量的顶部，而不是垂直居中，因此align-content：center不起作用。与离子网格和h1相同）：

我希望我的角材料日期选择器只显示月/年。没有天。

这是我的日期选择器：

<mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

我看到以前的线程说明将模式设置为：

md-mode="month"

以上不再起作用。现在有什么解决办法？

我正在使用 FireStore，我只需要将集合列表数据显示到组件上，并且在显示的每个项目旁边可以删除该项目。

我需要使用 SnapShotChanges() 来获取我的删除方法的 ID。

这是我的代码。控制台没有记录控制台。我正在使用 Angular 7。

  userCollection: AngularFirestoreCollection<any>;
  collection: any;

  constructor(private afs: AngularFirestore, private adminService: AdminServiceService) { }

  ngOnInit() {
    this.userCollection = this.afs.collection<any>('valuation');
    this.collection = this.userCollection.snapshotChanges().pipe(
      map(actions => {
        actions.map(a => {
          console.log(a.payload.doc.data);
          console.log(a.payload.doc.id);
        })
      }
    ))
  }

这是我的模板：

<tbody *ngFor="let o of collection | async">
      <tr>
        <td scope="row">
          {{o.address}}
        </td>
        <td scope="row">
          {{o.name}}
        </td>
        <td scope="row">
          {{o.email}}
        </td>
        <td scope="row">
          {{o.phone}}
        </td>
        <td scope="row">
          <button mat-button color="warn" class="delete" type="button" (click)="delete(o)">Delete</button>
        </td>
      </tr>
    </tbody>

我正在尝试记录我的角度应用程序中访问的每个页面。

我的路线是这样的：

const routes: Routes = [
  { path: ':id', component: AppComponent}
];

我的 app.component .ts onInit：

ngOnInit() {
  console.log(this.router.url);
}

当我访问 /testing123 时

我希望它记录“/testing123”，但在没有传递 ID 的情况下记录“/”。

谁能解释为什么此自动播放视频无法在chrome中运行？

视频存储在Firebase存储中。当您访问页面然后返回首页时，它会播放，但是当您第一次进入刷新页面时，它不会播放。这也是一个有角度的6应用程序。

  <video autoplay muted loop>
    <source type="video/mp4" src="https://firebasestorage.googleapis.com/v0/b/gortonluxury.appspot.com/o/videos%2Fhero-video.mp4?alt=media&token=1231bda8-4240-4c1d-a0b9-9c5b50b320d0">
  </video>