小编Veg*_*ega的帖子

我有休息服务,它返回一个对象集合,其中一个字段是日期字符串(ISO-8601格式),日期值如下

"createdDate":"2017-02-21T12:56:50.907",

在angular4 UI中,我将DatePipe格式化为上述日期

{{resultItem.createdDate | 日期: '短'}}

而且我的错误转换如下: 2017年2月21日,上午7:56

而不是2/21/ 2017,0:56 AM

我在这个项目中使用Angular 2 Material sidenav:

app.component.ts (主要)html视图:

<md-sidenav-layout>
  <md-sidenav #start mode="side" [opened]="true">
      This is the main sidenav
      <sidebar></sidebar>
  </md-sidenav>

  <md-sidenav #end align="end">
    This sidenav suppose to open from different components across my application to show extra information/data when user clicks an image for example.
    <br>
    <button md-button (click)="end.close()">Close</button>
  </md-sidenav>

<router-outlet></router-outlet>

</md-sidenav-layout>

现在..为了打开#endsidenav我在同一个组件中使用以下按钮:

<button md-button (click)="end.open()">Open End Side</button>

但是,如果我想使用end.open()其他组件来切换sidenav,该怎么办？我应该怎么做sidenav"gloal"所以我可以在我的应用程序中的任何组件上打开它？

在Augular中对多个Material表进行单独/不同分页没有问题.但是在页面上对单独的表进行排序并不像看起来那么简单.

有人可以指出我们使用Material Angular(ver 4-5)表组件进行多表排序的工作示例.

谢谢

flutter run我在 Ubuntu 19+ 上运行，但花了很长时间。这是我收到的消息如下：

在调试模式下在 SM T231 上启动 lib/main.dart...正在初始化 gradle...

这花费了意想不到的长时间。

我3天前开始学习角度,所以我很陌生.我还使用angularJS和React开发应用程序,我想我不明白角度5组件是如何完全工作的.如果我创建一个自定义文本的自定义按钮(我不是说这应该以这种方式完成,但这是一个显示我的观点的简单示例),如下所示:

<app-button>
  <app-text>
    My Text
  </app-text>
</app-button>

渲染的DOM导致:

<app-button>
  <button>
    <app-text>
      <span>
        My Text
      </span>
    </app-text>
  </button>
</app-button>

这是不可读的,我想知道是否有办法删除这个包装元素,只是放置组件布局替换标签导致以下结构:

<button>
  <span>
    My Text
  </span>
</button>

如果没有办法删除它们你的建议是什么？谢谢!

<div class="col-xs-6 col-md-4 home-content" *ngFor="let s of abc">
    <mat-card>
        <mat-card-header>
            <mat-card-title>{{s.header}}</mat-card-title>
        </mat-card-header>
        <mat-card-content>
            <p> {{s.Desc}} </p>
        </mat-card-content>
        <mat-card-actions>
            <button mat-raised-button type="submit" color="primary">Submit</button>
        </mat-card-actions>
    </mat-card>
</div>
<div class="col-xs-6 col-md-4 home-content" *ngFor="let s of abc">
    <mat-card>
        <mat-card-header>
            <mat-card-title>{{s.header}}</mat-card-title>
        </mat-card-header>
        <mat-card-content>
            <p> {{s.Desc}} </p>
        </mat-card-content>
        <mat-card-actions>
            <button mat-raised-button type="submit" color="primary">Submit</button>
        </mat-card-actions>
    </mat-card>
</div>

有没有办法将“.vscode/launch.json”指向“Properties/launchSettings.json”中定义的配置文件，这样我就不需要重复这些值？

我需要支持几种不同的编辑器，并且还需要从命令行运行

dotnet run --launch-profile="myprofile"

该<dialog>元素现已跨浏览器兼容（自2022 年 3 月起）。

我今天尝试了一下并熟悉了：

• 超文本标记语言

  • <dialog>

• JavaScript

  • .show()
  • .showModal()
  • .close()

• CSS

  • ::backdrop

一切看起来都很简单，但到目前为止我无法实现的一件事是：淡出背景。

例如，如果我希望背景的最终颜色为：

• background-color: rgba(0, 0, 63, 0.8);

但有它transition（或animate）来自background-color：

• background-color: rgba(0, 0, 0, 0);

这可能吗？

这是我的（非工作）示例：

const myButton = document.querySelector('button');
const myDialog = document.querySelector('dialog');

const requestDialog = () => {
  myDialog.showModal();
  setTimeout(() => myDialog.classList.add('fadeUp'), 400);
}

myButton.addEventListener('click', requestDialog, false);

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
}

button {
  position: absolute;
  top: 6px; …

当我使用mdIcon时,Angular会抛出错误.以下是代码:

import {Component} from '@angular/core';
import {MdIcon} from '@angular2-material/icon';
@Component({
    selector: 'my-app',
    template: `
    <md-toolbar>
      <md-icon class="demo-toolbar-icon">menu</md-icon>
      <span>Default Toolbar</span>

      <span class="demo-fill-remaining"></span>

      <md-icon>code</md-icon>
    </md-toolbar>`,
    directives: [MdIcon,MdToolbar],

})
export class AppComponent {} 

错误:

原始例外:没有MdIconRegistry的提供者!错误:NoProviderError.BaseException [作为构造函数](exceptions.ts:14)的异常在NoProviderError.AbstractProviderError [作为构造函数](reflective_exceptions.ts:53)处于新的NoProviderError(reflective_exceptions.ts:85)处于ReflectiveInjector _._ throwOrNull(reflective_injector) .ts:844)在ReflectiveInjector _._ getByKeyDefault(reflective_injector.ts:873)的ReflectiveInjector _._ getByKey(reflective_injector.ts:835),ReflexInjector_.get(reflective_injector.ts:632),位于ElementInjector.get(element_injector.ts:19)at DebugAppView.AppView.create中的DebugAppView._View_AppComponent0.createInternal(AppComponent.template.js:141)(view.ts:110)

谁能帮助我,我在这里做错了什么？

Using Angular 4, I have a html template and I want a selection box with two options. One of those options should be pre-selected by default.

<select name="rate" #rate="ngModel" ngModel required>
    <option selected value="hr">hr</option>
    <option value="yr">yr</option>
</select>

Details:

I assign #rate="ngModel" so that I can reference the value somewhere else in the template, in a conditional statement or with interpolation {{rate.value}}. For that to work I simply add ngModel to the tag. I'm not binding to anything in the …