标签: angular5

我采用了棱角分明4 NG-引导如图所示这里

我试图让模态滑动和淡入/淡出，但没有提供示例来做到这一点。我已经在这个线程上尝试了两种解决方案，例如使用自定义类'slideInUp'像这样打开我的模式 -

this.modalService.open(content, {centered: true, backdrop: 'static', keyboard: false, windowClass:'slideInUp'}).result.then((result) => {
        this.closeResult = `Closed with: ${result}`;
      }, (reason) => {
        this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
      })

并为“slideInUp”添加 css -

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible; …

以上是我在 Firebase 的 Firestore 数据库中的数据结构。我可以使用以下设置成功提取数据并将其放入 ng2 智能表中：

export const userTableSettings = {
  delete: {
confirmDelete: true,
deleteButtonContent: '<i class="ft-x danger font-medium-1 mr-2"></i>'
  },
  add: {
confirmCreate: true,
  },
  edit: {
confirmSave: true,
editButtonContent: '<i class="ft-edit-2 info font-medium-1 mr-2"></i>'
  },
  firstName: {
title: 'Full Name',
  },
  lastName: {
title: 'User Name',
  },
  email: {
title: 'Email',
  },
},
  attr: {
    class: 'table table-responsive'
  },
};

但是当我为角色添加位置时

roles: {
    title: 'Role',
},

输出是

我希望能够显示一个或多个用户角色（如果他们有多个角色），并且能够从表中更新它们。

我将多重过滤器应用于剑道网格，我的应用程序是在 angular 5 中开发的，这里的问题是，当从输入框中删除最后一个字符时，时间事件没有触发。如何解决这个问题。

例如，如果我在输入框 'alen' 中输入一些东西，dataStateChange 函数每次都会，同样的事情在删除 'alen' 最后三个之后删除那个时间函数将但第一个字符删除或删除它不会调用（dataStateChangefunction）。请帮助我任何一个。

html

<kendo-grid
          [data]="gridData"
          [sortable]="{ mode: 'multiple' }"
          [sort]="sort"
          [filterable]="true"
          (dataStateChange)="dataStateChange($event)"
          [height]="500" 
        >
        <kendo-grid-column field="ProductID" title="Product ID" width="120">
        </kendo-grid-column>
        <kendo-grid-column field="ProductName" title="Product Name">
        </kendo-grid-column>
        <kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
        </kendo-grid-column>
      </kendo-grid>
</kendo-grid>
  `
})
export class AppComponent {
    private filter: string;
    private sort: SortDescriptor[] = [];
    private gridView: GridDataResult;
    private products: any[] = [
      {
        "ProductID": 1,
        "ProductName": "Chai",
        "UnitPrice": 18.0000,
        "Discontinued": false
    },
       {
        "ProductID": 3,
        "ProductName": "Chai",
        "UnitPrice": 122.0000, …

我正在使用来自https://github.com/TypeCtrl/ngx-codemirror的代码镜像包装器

我正在尝试获取 Codemirror 的实例或编辑器来编辑某些操作，但我无法获取该实例。

相关问题：获取 CodeMirror 实例

我需要在单击按钮时在当前光标位置添加文本，因此需要 CodeMirror API。

我正在使用角材料垫选择显示下拉列表。我想使用材料工具提示显示所选元素。

<mat-select [(ngModel)]="emp" [(value)]="selected" matTooltip="{{selected}} 
(openedChange)="oChange($event)" placeholder="Employee" [formControl]="toppings" multiple>
<mat-option  *ngFor="let p of emp" [value]="p" >{{p.name}}</mat-option>
</mat-select>
</mat-form-field>

但它显示 [object object]

这是emp的内容

emp[
{"id":0101,"name":"damshad"},
{"id":0102,"name":"ranjan"},
{"id":0103,"name":"himanshu"},
{"id":0104,"name":"gourge"},
{"id":0105,"name":"taffic"},
{"id":0106,"name":"ajir"},
{"id":0107,"name":"mallom"}
]

请帮忙

我正在构建一个必须使用 http 的 Angular5 项目。我在这里使用 observable，但是当我使用 'of' 时

 scope.fetchApi = Observable.of(data);

然后它给了我一个错误：

Property 'of' does not exist on type 'typeof Observable'. 

我也导入了'rxjs/add/observable/of';，但也有同样的错误。我也试过，import { Observable } from 'rxjs/Observable';但它抛出了一个错误：

Module '"eclipse:angular5-example/node_modules/rxjs/Observable"' has no exported member 'Observable'.

你可以看到我的代码如下：

import { Component, OnInit } from '@angular/core';
import { UserService } from './app.service';
import { FetchApi } from '../models/fetch-api.model';
import { Router } from '@angular/router';
import { Observable } from 'rxjs';
import  'rxjs/add/observer/of';

@Component({
  selector: 'app-fetch-api',
  templateUrl: './fetch-api.component.html',
  styleUrls: ['./fetch-api.component.css']
}) …

import { SpinnerComponent, ExternalLibrary } from 'external.library'
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, ExternalLibrary
  ],
  bootstrap: [AppComponent]
  , entryComponents: [SpinnerComponent]
})

以上是我将 entryComponent 指定为模块的代码。这个 SpinnerComponent 也来自一个外部模块，即 ExternalModule。

Webpack 报错：

SpinnerComponent 中的 ERROR 不能用作入口组件。

属于同一模块是否要求组件出现在 entryComponents 属性列表中？

据我所知，在出现在 entryComponent 属性之前，没有为组件指定这样的先决条件。

我在我的 Angular 5 应用程序中意外出现了 aw snap 错误页面。有什么解决办法吗？

我希望能够使用组件构建一个响应式表单，而不是将其全部设置在单个父组件中。所以我创建了初始FormGroup并将其传递给组件，然后this.form.addControl(this.fb.group({ ... }));将它们的组添加到表单中。

例子

父组件

this.form = this.fb.group({}); // Empty

public ngAfterViewInit() {
  // Throws error after trying to patchValue on the child component
  this.form.get('example').patchValue({
    field1: 'Hello World!'
  });
}

子组件

this.parentFormGroup.addControl(
  'childGroup', 
  this.fb.group({ 
    field1: [
      '', [Validators.required]
    ], 
    etc...
  }
);

这一直有效，直到我尝试并this.form.get('childGroup').patchValue({ ... })在ngAfterViewInit父组件的生命周期挂钩中发出请求之后。它没有修补组，而是抛出：

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has 
changed after it was checked. Previous value: 'ng-valid: false'. Current value: 
'ng-valid: true'.

有没有办法让子组件将自己添加到 a FormGroup，而不是让父组件设置FormGroup控件和验证。我们需要在应用程序中以不同的方式和组合重用子组件，因此不想FormGroup在子组件之外不断重复声明，但这似乎不起作用。

我正在学习使用yarn link来处理一个包，并在主机应用程序中反映了更改，我要么没有得到某些东西，要么某些东西不起作用。

它全部内置于 angular5..

我有一个包含，除其他外，一个应用程序MyApp的@org/my-package在node_modules。

我需要对 my-package 进行更改，以便为我yarn link用来创建符号链接和在 MyApp 中测试包的更改提供服务。

这就是我所做的...

在我的包中，我运行了一个构建。它创建分发文件。然后我 cli 进入 dist 包并运行yarn link.. 这是成功的.. 我得到了yarn link @org/my-package在 MyApp cli 中使用的说明..

然后我转到 MyApp，然后运行yarn link @org/my-package. 这也是成功。。

但是，当我在 my-package 中进行更改并再次运行构建时，它们不会反映在 MyApp 中。

我不明白什么？

我没有错误。

被@org/my-package认为是node_modules在MyApp的应该是有或没有？yarn link在 my-package 中的 dist 上不是要覆盖那个吗？

无论我搜索多少，看起来 yarn 文档都对这个主题有点了解。