小编Lin*_* Vu的帖子

MatToolbar 在与 Angular 9 一起使用时抛出错误

角版本 9.2.0

当我MatToolbarModule在模块中导入并在 html 模板中使用它时,我收到以下错误消息:

这可能意味着声明 MatToolbarModule 的库 (@angular/material/toolbar) 没有被 ngcc 正确处理,或者与 Angular Ivy 不兼容。检查是否有更新版本的库可用,如果有则更新。还可以考虑与库的作者核对以查看该库是否与 Ivy 兼容。

8 export declare class MatToolbarModule {
                       ~~~~~~~~~~~~~~~~
src/app/angular-material.module.ts:53:14 - error NG6002: Appears in the NgModule.imports of ComponentsModule, but itself has errors
Run Code Online (Sandbox Code Playgroud)

有没有人面临同样的问题?

angular-material angular

52
推荐指数
4
解决办法
6万
查看次数

如何为 Angular 8 或 9 启用 Ivy?

如何在 Angular 8 或 9 项目中启用 Ivy?

Ivy 是即将推出的 Angular 渲染引擎,它在不改变 Angular 项目当前代码库的情况下引入了许多不错的功能。

angular

23
推荐指数
2
解决办法
4万
查看次数

在 Angular 8 HTML 模板中为 *ngIf 使用枚举

如何在 Angular 8 模板中使用枚举?

组件.ts

import { Component } from '@angular/core';
import { SomeEnum } from './global';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = SomeEnum.someValue;
}

Run Code Online (Sandbox Code Playgroud)

组件.html

<span *ngIf="name === SomeEnum.someValue">This has some value</value>
Run Code Online (Sandbox Code Playgroud)

这目前不起作用,因为模板没有引用SomeEnum. 我该如何解决?

ERROR Error: Cannot read property 'someValue' of undefined

html enums typescript angular

17
推荐指数
5
解决办法
1万
查看次数

MatSidenav 和 MatDrawer 有什么区别?

它们可以在同一个文档页面上找到,但看起来是一样的。您知道从功能角度来看的区别吗?使用一个比另一个有什么好处?

https://material.angular.io/components/sidenav/overview

首先感谢阅读。

angular-material angular

14
推荐指数
1
解决办法
3492
查看次数

Angular:在 html 模板中使用三元运算符

简单的三元运算符可以在 html 中像这样使用:

<div> {{ showStringOneFlag ? 'Display String 1' : 'Display String 2' }} </div>
Run Code Online (Sandbox Code Playgroud)

这可能比在 javascript 中设置一个字符串变量 20 次更方便。

我的问题是三元运算符是否太昂贵而无法在每个摘要周期执行?是否应该避免或少用此功能?它在消化循环中的足迹是否很小并且无需担心?我在任何地方寻找答案时都发现它在速度方面与 if/else 语句相当,但在 html 中并没有真正与 if/else 语句等效的东西。

html conditional-operator angular

5
推荐指数
1
解决办法
2万
查看次数

如何为 PHP 7 和 MAMP 启用 Webp

所以我的错误是

调用未定义函数 imagewebp()

我尝试了这个命令brew reinstall php72 --with-webp,但它不再起作用了。

我不知道应该在哪里以及如何更改我的conf 文件。

如果您有想法,谢谢

php webp

5
推荐指数
1
解决办法
4532
查看次数

Angular:如何在通过单击对话框外部关闭 Mat 对话框时定义默认值

当通过单击对话框外部关闭对话框时,我想发出一个默认值。目前它发出undefined这在许多情况下都可以,但我想在通过单击外部中止对话框时发出一个默认值。

我如何实现这种行为?

这是一个实际示例:https : //material.angular.io/components/dialog/examples

  1. 打开对话框。
  2. 在对话框中输入一些东西。
  3. 再打开。
  4. 单击它的外部并查看消失的值

我希望它表现如何?

通过单击外部关闭对话框时,它应该始终显示一些值。

angular

3
推荐指数
2
解决办法
698
查看次数

Angular 在 div 元素上启用/禁用 contenteditable

问题

我想将一个布尔值绑定contenteditable到一个无法工作的 div 指令。

输出:

无法绑定到“contenteditable”,因为它不是“div”的已知属性。

尝试

  1. 我尝试添加[]括号以将变量绑定到它。editable是一个组件属性类型布尔值
<div class="text-editor"
     [contenteditable]="editable"></div>
Run Code Online (Sandbox Code Playgroud)
  1. 我还尝试添加双大括号{{}},这导致了同样的问题
<div class="text-editor"
     contenteditable="{{editable}}"></div>
Run Code Online (Sandbox Code Playgroud)

它适用于这种情况

如果我只是简单地设置true没有任何括号的字符串,那么它就可以工作,但是这个解决方案不能解决我的要求,因为我想动态地改变行为

<div class="text-editor"
     contenteditable="true"></div>
Run Code Online (Sandbox Code Playgroud)

我在 SO 的问题上找不到任何解决方案。我希望你知道一个解决方案并可以与我分享。非常感谢。

javascript angular

1
推荐指数
1
解决办法
444
查看次数

如何检查字符串数组是否只包含空字符串

我目前正在寻找一种解决方案,如何检查仅包含空字符串的字符串数组。有没有一种有效的方法来实现这种行为?

['', '', '', ''] // This should be true
['', null, null, ''] // This should be true
['a', '', '', ''] // This should be false
Run Code Online (Sandbox Code Playgroud)

javascript typescript

0
推荐指数
2
解决办法
2379
查看次数