小编Jim*_*son的帖子

Github Actions 中的“name”和“id”有什么区别

Google 应用程序引擎部署的 github 操作中,在 github 操作中引用了 id:

- id: Deploy
  uses: google-github-actions/deploy-appengine@main
  with:
    credentials: ${{ secrets.GCP_SA_KEY }}
Run Code Online (Sandbox Code Playgroud)

Github Actions 示例并不引用 id,而是将名称引用为 id:

每个作业必须有一个与该作业关联的 id。键 job_id 是一个字符串,其值是作业配置数据的映射。您必须将 <job_id> 替换为作业对象唯一的字符串。<job_id> 必须以字母或 _ 开头,并且仅包含字母数字字符、- 或 _。

jobs:
  my_first_job:
    name: My first job
  my_second_job:
    name: My second job
Run Code Online (Sandbox Code Playgroud)

有什么不同?

github-actions

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

使用 Observable 作为数据源进行 Angular 拖放

我想使用 Observable 作为材质拖放的数据源,但目前我很挣扎。基本上,我在看板中有一个泳道列表,每个泳道都有一堆我想要移动的项目。当我移动一个项目时,我也想更新后端。多个人也会更新同一个看板,所以我想使用 socket.io 来自动移动项目(出于同样的原因,我也在努力解决这个问题)

这是模板:

<button mat-raised-button color="primary" (click)="addItem()">Add Item</button>

<button mat-raised-button color="primary" (click)="moveItem()" style="margin-left:10px">Move Item</button>

<div cdkDropListGroup>
<div class="example-container" *ngFor="let lane of swimlanes">
  <h2>{{lane.name}}</h2>

  <div
    cdkDropList
    #doneList="cdkDropList"
    [cdkDropListData]="lane.array | async"
    class="example-list"
    (cdkDropListDropped)="drop($event)">
    <div class="example-box" *ngFor="let item of lane.array | async" cdkDrag>{{item.name}}</div>
  </div>
</div>

</div>
Run Code Online (Sandbox Code Playgroud)

这是组件代码:

import {Component, OnInit} from '@angular/core';
import {CdkDragDrop, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop';
import { Subscription, of, Observable } from 'rxjs';
import { map } from 'rxjs/operators';

export interface Swimlane{
  name: string;
  array: Observable<Task[]>;
} …
Run Code Online (Sandbox Code Playgroud)

angular-material angular angular-cdk-drag-drop

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

导入 MDC Switch 组件时出现“无法读取未定义的属性‘MDCSwitch’”错误

我正在使用 express 和 material-components-web 编写一个 Node 应用程序,我遇到了 TextField 工作但 Switch 不工作的问题。

这是我用来将相关 JS 附加到元素的代码:

  [].slice.call(document.querySelectorAll('.mdc-text-field')).forEach(
  function(ele) {
    mdc.textField.MDCTextField.attachTo(ele);
  });

  [].slice.call(document.querySelectorAll('.mdc-switch')).forEach(
  function(ele) {
    mdc.switch.MDCSwitch.attachTo(ele);
  });
Run Code Online (Sandbox Code Playgroud)

当我注释掉文本字段的代码时,它会停止工作,因此该mdc.textField.MDCTextField部分肯定可以正常工作。

我在 Chrome 开发工具中得到的错误是:

(index):446 Uncaught TypeError: Cannot read property 'MDCSwitch' of undefined
    at (index):446
    at Array.forEach (<anonymous>)
    at (index):444
Run Code Online (Sandbox Code Playgroud)

我的 package.json 文件如下所示:

{
  "name": "emergencyregister",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node app.js"
  },
  "dependencies": {    
    "debug": "~2.6.9",
    "ejs": "^2.6.2",
    "eslint": "^5.7.0",
    "express": "^4.16.4",
    "helmet": "^3.20.0",
    "http-errors": "~1.6.2",
    "material-components-web": "^3.1.0",
    "mysql": "^2.16.0", …
Run Code Online (Sandbox Code Playgroud)

node.js material-design material-components-web

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