小编net*_*djw的帖子

如何关闭所有打开的dialog盒子jQuery？接下来的情况是:我有一个没有对话框的简单页面.它有一些打开它拥有对话框的按钮.

当我点击一个按钮时,我需要关闭所有打开的对话框.

这是HTML:

<div id="buttons">
    <a href="#" id="btn_1">Button 1</a>
    <a href="#" id="btn_2">Button 2</a>
    <a href="#" id="btn_3">Button 3</a>
</div>
<div id="dialog_1" class="dialogbox">...</div>
<div id="dialog_2" class="dialogbox">...</div>
<div id="dialog_3" class="dialogbox">...</div>

这是jQuery:

$(function() {
    $('#buttons').find('a').click(function() {
        // close all dialogs
        $('.dialogbox').dialog("close");

        // find out clicked id and open dialog
        var nr = this.id.split("_")[1];
        $('#dialog_'+nr).dialog();
    });
});

Chrome说:Uncaught Error: cannot call methods on dialog prior initialization; attempted to call method 'close'.

我试图检查$('.dialogbox').dialog('isOpen'),但结果相同.

如何关闭所有对话框？

我想创建一个带有一些条件作业的 GitHub Action。我想并行运行这些条件作业，但完成后我想继续执行另一项需要等待完成所有条件作业的作业。

这是我想要实现的工作流程：

1. 检测模板文件夹中的文件更改
2. 在每个模板文件夹中运行npm run prod更改的内容
3. 等待所有模板构建完成
4. 继续部署过程

这是我的deploy.yml文件：

name: Deploy

on:
  push:
    branches:
      - deploy

jobs:
  check-theme-changes:
    name: Check template changes
    outputs:
      run_job: ${{ steps.check_files.outputs.run_job }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2
        with:
          fetch-depth: 2

      - name: check modified files
        id: check_files
        run: |
          echo "=============== list modified files ==============="
          git diff --name-only HEAD^ HEAD
          
          echo "========== check paths of modified files =========="
          git diff --name-only HEAD^ HEAD > files.txt …

在上次更新后的 Visual Studio Code 编辑器中，我在状态栏中看到此文本：

Angular: Running ngcc for project d:/..../tsconfig.spec.json

它看起来像冻结或什么都不做，只是旋转箭头。

在这篇文章之前，我看到了一个类似的tscfonfig.json结尾......

由于此文本显示在状态中，我的 vscode 存在一些性能问题……它变得非常非常缓慢。有时，快速导入（ctrl-space）通常不起作用，找不到类，在此更新之前运行良好的接口。

这是什么？这是必要的还是我可以以某种方式关闭？这可能是插件错误吗？

我正在使用Dropzone.js上传文件到服务器.我将我的Dropzone maxFiles参数设置为10,我尝试了这个:

$('.dropzone').dropzone({
    maxFiles: 10,
    init: function() {
        this.on('maxfilesreached', function() {
            $('.dropzone').unbind('click');
        });
    }
});

......但没有工作.从.dropzone或其他任何方式删除可点击以阻止用户添加更多文件的解决方案是什么？

我VueJS 2用来渲染和计算表单项.如果属性低于10,我需要显示一个数字,如果属性大于或等于10,我需要显示一条短信.

我用这个代码:

Vue.component('mycomponent', {
    template: '#mytemp',
    data: function() {
        // ...
    },
    computed: {
         mycomputedprop: function() {
             if (this.model_a < 10) {
                 return '<span class="numbervalue">' + this.model_a + '€</span>';
             } else {
                 return '<span class="textvalue">I\'ll contact you as soon as possible!</span>';
             }
         }
    }
});

我使用此代码来显示值:

<div id="app">
    {{ mycomputedprop }}
</div>

问题是:如果我显示此值,它会将HTML代码显示为文本,而不是HTML.如何将返回的值显示为HTML代码？

我上传文件FORMDATA在角7使用此代码HttpClient为http:

sendImageFile(subUri: string, id: number, fileToUpload: File): Observable<any> {
  const formData: FormData = new FormData();
  formData.append('file', fileToUpload, fileToUpload.name);
  formData.append('photoalbum_id', id.toString() );
  // ... some other .append()

  const customHeaders = new HttpHeaders({
    'Authorization': 'Bearer' + localStorage.getItem('token'),
    'Accepted-Encoding': 'application/json'
  });

  const customOptions = {
    headers: customHeaders,
    reportProgress: true
  };

  return this.http.post(this.url, formData, customOptions)
    .pipe(
      map( (event: HttpEvent<any>) => this.getEventMessage(event, fileToUpload)),
      tap(message => this.showProgress(message)),
      // last(),
      catchError(this.handleError));
}

private showProgress(message: any) {
  // ...
}

private getEventMessage(event: HttpEvent<any>, file: …

如何创建一个可以解析这样的参数的子例程:

&mySub(arg1 => 'value1', arg2 => 'value2' ...);

sub mySub() {
    # what do I need to do here to parse these arguments?
    # no arguments are required
}

我使用Perl和DBI来管理我的MySQL表,查询等.如何显示查询的运行时间？

如果我在控制台中执行SELECT,结果将如下所示:

+-----+-------------+
| id  | name        |
+-----+--------------
|   1 | Jack        |
|   2 | Joe         |
|   3 | Mary        |
+-----+-------------+
3 rows in set (0.17 sec)

我需要表明0.17 sec.在DBI中有什么方法可以显示Perl的运行时间,这样的话吗？

my $dbh = $db->prepare("SELECT id, name FROM names ORDER BY id;");
$dbh->execute;
print $dbh->runnin_time; # ???

我在HTML中有一个menu-submenu-subsubmenu构造,如下所示:

<menu>
    <li><a href="...">Item 1</a></li>
    <li><ul>
            <li><a href="...">Subitem 1</a></li>
            <li><a href="...">Subitem 2</a></li>
            <li><ul>
                    <li><a href="...">Sub-subitem 1</a></li>
                    <li><a href="...">Sub-subitem 2</a></li>
                    <li><a href="...">Sub-subitem 3</a></li>
                </ul>
                <a href="...">Subitem 3</a></li>
            <li><a href="...">Subitem 4</a></li>
        </ul>
        <a href="...">Item 2</a>
    </li>
    <li><a href="...">Item 3</a></li>
    <li><a href="...">Item 4</a></li>

...使用whit这个css格式化:

menu {
    display: block;
    width: 200px;
}
/* hide subitems */
menu li ul,
menu li ul li ul {
    display: none;
    position: absolute;
}
/* set up positions */
menu li ul {
    left: 200px;
    width: 200px;
} …

我想从变量添加类名，但它依赖于 Angular 9 中的另一个变量。

这是我的 TypeScript 代码

export class InputComponent implements OnInit {
  @Input() inputBlockClass = 'col-12 d-flex px-0';
  @Input() inputBlockExtraClass = 'col-md-9';
  @Input() showLabel = true;

  // ...
}

这是我的 HTML 代码：

<div [class]="inputBlockClass" [class.inputBlockExtraClass]="showLabel">

我也尝试过这个，但它不起作用：

<div [class]="inputBlockClass" [ngClass]="{inputBlockExtraClass: showLabel}">

两种解决方案均给出以下结果：

<div _ngcontent-sxj-c111="" class="col-12 d-flex px-0 inputBlockExtraClass">

但我想要这个：

<div _ngcontent-sxj-c111="" class="col-12 d-flex px-0 col-md-9">

如何从变量添加类名取决于布尔变量？