小编Ole*_*Ole的帖子

尝试使用 NPM 上的UUID包生成一组 UUID 。使用打字稿我尝试这样做：

  import v1 from "uuid/v1";

  console.log(v1());
  console.log(v1());
  console.log(v1());
  console.log(v1());
  console.log(v1());

这打印：

ef1f74d0-aff3-11e8-9466-0db0429140ee
ef1f74d1-aff3-11e8-9466-0db0429140ee
ef1f74d2-aff3-11e8-9466-0db0429140ee
ef1f74d3-aff3-11e8-9466-0db0429140ee
ef1f74d4-aff3-11e8-9466-0db0429140ee

因此，即使每个控制台日志调用v1()它仍然会生成相同的 UUID。想法？

在发布到 NPM 之前，我需要修改次要版本。我通常做的是： - 更改package.json - 运行与更改npm i同步package-lock.json。现在两者都可以发布。

有没有办法用一个 NPM 命令来做到这一点？

在本文创建高级组件中，作者通过首先创建一个指令来选择一个元素：

@Directive({
  selector: '.tooltip-container'
})
export class TooltipContainerDirective {}

然后使用该指令选择包含类的元素，.tooltip-container如下所示：

    @Component({
    template: `
        <div class="tooltip-container" [ngStyle]="{top: top}">
        <ng-content></ng-content>
        </div>
    `,
    styles: [...]
    })
    export class TooltipComponent implements OnInit {
    top : string;
    @ViewChild(TooltipContainerDirective, { read: ElementRef }) private tooltipContainer;


    }

Angular 是否能够在tooltipContainer不使用指令的情况下按类名选择元素？

在这个 stackblitz 中，我收到以下错误（即使MatBottomSheetModule是导入的）：

        ERROR
        Error: StaticInjectorError(AppModule)[CountryCodeSelectComponent -> MatBottomSheetRef]:
        StaticInjectorError(Platform: core)[CountryCodeSelectComponent -> MatBottomSheetRef]:
        NullInjectorError: No provider for MatBottomSheetRef!

想法？

Angular / 组件功能请求

请为此投票。我要求使用例对称 WRT 我们如何使用其他类似的 Angular 组件/服务。

https://github.com/angular/components/issues/17011

尝试将 Angular 放在mat-icon包含的中心div：

<div style="background-color: yellow;
            display: flex; 
            flex-direction: column;
            width: 100px;
            height: 120px; 
            align-items:center; 
            justify-content: center; ">
    <mat-icon style="font-size: 60px;">
    account_circle
    </mat-icon>
</div>

它没有居中。 这是 stackblitz 演示。

我注意到，当使用开发人员工具显示轮廓时mat-icon，它显示元素的实际尺寸位于中间，但该元素的内容溢出了其边界，因此图标出现偏离中心。

想知道如何解决这个问题吗？

如果我们像这样定义一个效用函数：

/**
 * Delete the entire database
 */
export async function deleteDatabase(db) {
  await db.delete()
}

我们称之为。

deleteDatabase(db)
nextFunction()

那么next函数在db.delete()完成之前不会被调用正确吗？

我认为这就是它的工作原理，所以我只想确认语义。

DexieJS 演示

对于那些对实际用例感兴趣的人，将答案合并到这个 DexieJS Demo 中：

https://stackblitz.com/edit/typescript-dexie-one-to-many

我刚刚安装了 Angular 10 并将 VSCode 升级到最新版本。

创建新模块时：

import { NgModule } from '@angular/core';

const mm = []

@NgModule({
    imports: [ ...mm ],
    exports: [...mm
    ],
    providers: [     
    ]
})
export class MaterialModule {

}

创建此装饰器错误：

class MaterialModule
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219)

它仅为新模块创建。现有的app.module.ts没有错误……所以有点混乱。

想法？

尝试在 Angular 13 中执行此操作：

private _stripe:StripeFactory = window['Stripe']

它会产生这个错误：

元素隐式具有“any”类型，因为索引表达式不是“number”类型

有想法该怎么解决这个吗？

我补充道：

"suppressImplicitAnyIndexErrors": true,

到tsconfig.json，但 linting 错误仍然存​​在。

在 Angular Material 步进器上，stepControl每个属性都有一个mat-step包含表单的属性。物业是做什么的stepControl？

<mat-step [stepControl]="registrationForm">

如果表单无效，该功能似乎将不允许进入下一步，但只是想仔细检查。

我按照以下步骤在 MacOS Ventura 上使用 NVM 安装 Node 和 NPM，并且运行良好。

如果我尝试重新运行安装，它会告诉我：

oleersoy@Oles-MacBook-Pro fs-developer-md % nvm install node
v19.8.1 is already installed.
Now using node v19.8.1 (npm v9.5.1)

但是，如果我打开一个新终端，则命令npm和node命令都不可用。

我们如何使它们可供所有终端窗口使用？我上次执行此安装时它是自动的...

本教程介绍了如何使用:hover伪类在悬停时对HTML元素进行样式设置，以及如何将鼠标悬停在纯CSS中的特定元素上（而不使用任何JavaScript）时如何创建下拉列表。

是否可以在纯CSS中创建与以下示例中相同的下拉列表，但是单击元素而不是将其悬停在该元素上？

我宁愿完全不使用JavaScript，或者-如果没有JavaScript，则尽可能不使用-尽可能少使用JavaScript。淹没的物品应该可以自己点击。

例：

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

<div …