小编Edr*_*ric的帖子

我有一个带有很多 div 的 HTML。我已经生成了看起来像这样的 div。

使用 renderer2 的所需结果的静态 HTML（非动态生成）示例

    <div class="time-rowss clearfixx" #timerowss>
      <div><mat-icon>today</mat-icon> date </div>
    </div>
    <div class="time-rows clearfix" #timerows>
      <div><mat-icon>brightness_3</mat-icon>00:00</div>
      <div><mat-icon>brightness_3</mat-icon>01:00</div>
      <div><mat-icon>brightness_3</mat-icon>02:00</div>
    </div>

我想实现相同但动态生成 div。

到目前为止，我所做的是动态添加时间和日期。

这是我的代码：

for (let j = this.requestVehicle.startDateTime.getDate(); j < this.requestVehicle.endDateTime.getDate(); j++) {
  const newTime = new Date(time.getTime() + 24 * 3600 * 1000);
  time = newTime;
  const date = this.renderer.createElement('div');
  this.renderer.appendChild(date, this.renderer.createText(newTime.getDate() + '/' + newTime.getMonth() + '/' + newTime.getFullYear()));
  this.renderer.appendChild(this.d7.nativeElement, date);
  for (let i = 0; i < 24; i++) {
    const …

这段代码工作正常（没有 ngTemplateOutlet）：

<mat-form-field [formGroup]="formGroup">
    <input matInput type="text"
        [formControlName]="fControlName"
    >
  <ng-container *ngIf="isShowErrors()" ngProjectAs="mat-error">
    <ng-container *ngFor="let error of showSMErrors" >
      <mat-error>{{ error.message }}</mat-error>
    </ng-container>
  </ng-container>
</mat-form-field>

但是这段代码无法正常工作（使用 ngTemplateOutlet），为什么？（就像普通的红色文本一样查看 error.message）：

<mat-form-field [formGroup]="formGroup">
    <input matInput type="text"
        [formControlName]="fControlName"
    >
  <ng-container *ngTemplateOutlet="showErrorsTemplate"></ng-container>
</mat-form-field>

<ng-template #showErrorsTemplate ngProjectAs="mat-error">
  <ng-container *ngIf="isShowErrors()" >
    <ng-container *ngFor="let error of showSMErrors" >
      <mat-error>{{ error.message }}</mat-error>
    </ng-container>
  </ng-container>
</ng-template>

有任何想法吗？谢谢！

如何根据日期范围对日期列进行排序？角材料数据表。我正在处理一个项目，现在面临一个问题，即如何使用 filterPredicate 或 mat-table 中的任何其他选项根据日期范围 fromDate 和 toDate 对列排序数据进行日期排序。

日期列将显示在日期范围之间。请参考屏幕截图并在此处查看stackblitz中的项目

https://stackblitz.com/edit/angular-pkkvbd-cdtxwz-date-range-filter?embed=1&file=app/table-filtering-example.ts

如果我选择2019年1月1日至2020年12月31日的数据将被显示的所有日期结果之间

我Scaffold用appBar和创建了一个小部件drawer。

当我打开抽屉时，Scaffold的body小部件上有一个阴影。我想要么去除阴影，让它不那么“强”或稍微改变阴影。

我检查了文档，但没有找到任何方法可以通过公共 API 实现这一点。

有什么办法可以去除抽屉菜单在身体上的“阴影”？

高程选项有所不同，即使我将其设置为 0，身体顶部的叠加阴影仍然存在。

这个问题的描述截图可能有助于澄清我想要的。

这是我的代码，一切正常。

val builder = NotificationCompat.Builder(this, "NOTI_ID")
        .setSmallIcon(R.drawable.ic_stat_name)
        .setContentTitle("My notification")
        .setContentText("Hello World!")
        .setPriority(NotificationCompat.PRIORITY_HIGH)
        .setContentIntent(pendingIntent)
        .setAutoCancel(true)
        .setVisibility(NotificationCompat.VISIBILITY_PUBLIC)
        .setColor(ContextCompat.getColor(this, R.color.colorPrimaryDark))

唯一的问题是我无法更改标题的颜色（=“Hello World”）。最后一行.setColor(ContextCompat.getColor(this, R.color.colorPrimaryDark))仅更改图标颜色。我在文档中找不到任何内容，如果您查看这些图像，您会看到标题与图标的颜色相同。所以我不确定错误是来自我还是我的代码缺少某些内容？

编辑

标题是指应用程序名称。抱歉，这是我的错误。不是内容标题，而是应用程序的名称。例如检查那些图像。

我从这里使用 ngx-material-timepicker timePicker install 命令，npm install --save ngx-material-timepicker 我还安装了依赖项 luxon 和 tslib 并根据 npm

   import {NgxMaterialTimepickerModule} from 'ngx-material-timepicker';
    @NgModule({
      imports: [NgxMaterialTimepickerModule]
    })

并在我的 html 文件中

<input [ngxTimepicker]="picker">
<ngx-material-timepicker #picker></ngx-material-timepicker>

但错误

core.js:15724 ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at ngx-material-timepicker.js:231
    at Module../node_modules/ngx-material-timepicker/fesm5/ngx-material-timepicker.js (ngx-material-timepicker.js:238)
    at __webpack_require__ (bootstrap:83)
    at Module../src/app/modules/management/admin/admin.module.ts (admin-routing.module.ts:145)
    at __webpack_require__ (bootstrap:83)
    at $_lazy_route_resource lazy namespace object:34
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
    at Object.onInvoke (core.js:17299)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
    at …

我正在使用ngx-material-timepicker创建日期和时间选择器。

这是我模板的相关部分。（我没有组件的额外 css）

<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <mat-form-field>
        <input
          matInput
          [matDatepicker]="picker"
          placeholder="Choose a date"
          [min]="minDate"
          [(ngModel)]="chosenDate"
          (ngModelChange)="dateChanged()"
        />
        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
        <mat-datepicker #picker></mat-datepicker>
      </mat-form-field>
    </div>
    <div class="col-sm-6">
      <mat-form-field>
        <input
          matInput
          [ngxTimepicker]="timePick"
          placeholder="Chose time"
          [min]="minTime"
          [(ngModel)]="chosenTime"
          (ngModelChange)="timeChanged()"
        />
        <ngx-material-timepicker-toggle
          [for]="timePick"
        ></ngx-material-timepicker-toggle>
        <ngx-material-timepicker
          [defaultTime]="minTime"
          #timePick
        ></ngx-material-timepicker>
      </mat-form-field>
    </div>
  </div>
</div>

结果是这样的：

日期选择器工作正常，但时间选择器的切换按钮未按应有的方式对齐。我遵循了官方文档

如何像日历一样对齐时钟？

我想仅使用面板的 [expanded] 输入属性来控制我的 mat-expansion-panel 。我使用 NGRX 作为状态管理。

因此，我不希望单击时打开面板。相反，我有自己的单击侦听器，它将调度正确的操作，导致面板打开。

如何防止点击时打开它？我尝试了(click)="$event.stopImmediatePropagation();但它没有解决问题。

<mat-accordion [multi]="true">
  <mat-expansion-panel [expanded]="item.isOpen">
    <mat-expansion-panel-header (click)="togglePanel($event, item)">
        <!-- Header Content-->
    </mat-expansion-panel-header>

    <ng-template matExpansionPanelContent>
        <!-- Panel Content -->
    </ng-template>
  </mat-expansion-panel>
</mat-accordion>

有任何想法吗？

我想在我的 Android Studio 项目中导入以下库，这些库位于/system/lib64/ 文件夹中。 我得到以下错误

2020-01-06 13:23:31.358 5171-5171/org.strongswan.android E/AndroidRuntime: FATAL EXCEPTION: main
    Process: org.strongswan.android, PID: 5171
    java.lang.UnsatisfiedLinkError: dlopen failed: library "/system/lib64/libstrongswan.so" needed or dlopened by "/system/lib64/libnativeloader.so" is not accessible for the namespace "classloader-namespace"
        at java.lang.Runtime.loadLibrary0(Runtime.java:1016)
        at java.lang.System.loadLibrary(System.java:1669)
        at org.strongswan.android.logic.CharonVpnService.<init>(CharonVpnService.java:730)
        at java.lang.Class.newInstance(Native Method)
        at android.app.AppComponentFactory.instantiateService(AppComponentFactory.java:103)
        at android.app.ActivityThread.handleCreateService(ActivityThread.java:3740)
        at android.app.ActivityThread.access$1400(ActivityThread.java:238)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1803)
        at android.os.Handler.dispatchMessage(Handler.java:106)
        at android.os.Looper.loop(Looper.java:214)
        at android.app.ActivityThread.main(ActivityThread.java:7073)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:494)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:964)

上线System.loadLibrary("strongswan")

        System.loadLibrary("strongswan");

        if (MainActivity.USE_BYOD)
        {
            System.loadLibrary("tncif");
            System.loadLibrary("tnccs");
            System.loadLibrary("imcv");
        }

        System.loadLibrary("hydra");
        System.loadLibrary("charon");
        System.loadLibrary("ipsec");
        System.loadLibrary("androidbridge"); …

我正在创建一个EditText可以在用你的昵称写 @ 时提及其他用户的内容，例如在 Facebook、Instagram、Twitter 等上。例如，在文本“今天@john 和@jane 吃了蛋糕”中，我想创建一个ArrayList与数值“约翰”和“简”。我试过这个，但没有用。该怎么做才能做到这一点？