小编Eli*_*res的帖子

组件内的"ion-button + icon-only"无效

我正在使用Ionic 3.*,创建一个只包含一个按钮的组件.

组件代码是:

@Component({
  selector: 'profile-button',
  templateUrl: 'profile-button.html',
})
export class ProfileButtonComponent {
  constructor(
    private popoverCtrl: PopoverController
  ) {}

  /**
   * Present the Profile popover
   * @param ev
   * @returns {Promise<any>}
   */
  async presentPopover(ev) {
    let popover = this.popoverCtrl.create(ProfilePopover);

    return popover.present({
      ev
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

我的模板是:

<button ion-button icon-only (click)="presentPopover($event)" title="Profile">
    <ion-icon name="person"></ion-icon>
</button>
Run Code Online (Sandbox Code Playgroud)

问题:

问题是该icon-only指令只是被忽略了.按钮仍然具有背景颜色.如果我将模板放在组件外部,它会显示正确的样式.

看起来这些指令在Component内部不可用.我的组件位于自定义模块中,而不是在AppModule上.

我怎么解决这个问题?发现在Ionic2上我需要手动导入指令,但它不适用于Ionic3.

ionic-framework ionic3

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

是否有任何正在工作的CSS方法来打印页面计数?

我一直在寻找使用CSS打印页面计数的任何解决方案,但是找到的每个“解决方案”都无法在任何浏览器中使用,没有有效的解决方案,只有技巧。

显然,

@page {
    @bottom-left {
        content: "blablabla"
    }
}
Run Code Online (Sandbox Code Playgroud)

是有效的CSS3规则,但不适用于任何浏览器。

有人可以帮帮我吗?

这是一个不工作的例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test example</title>
    <style>
        @page {
            @bottom-left {
                counter-increment: page;
                content: counter(page);
            }
        }
    </style>
</head>
<body>
    <div id="content">
         <!-- LONG CONTENT HERE -->
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

printing html5 pagination css3

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

是否可以在javascript中检测表单提交失败?

我有这个简单的形式:

<form action="www.faildomain.com">
    <input name="foo" value="bar">
    <button type="submit">Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)

就我而言,该操作将失败。但这是否可能是有效的操作,但是用户遇到了连接错误?

是否生成了其他Javascript事件,或者这超出了我的控制范围?

javascript forms events

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

如何从文本文件中填充弹性搜索索引?

我打算使用弹性搜索索引来存储大约有290万条记录的大型城市数据库,并将其用作我的Laravel应用程序的搜索引擎.

问题是:我在MySQL数据库和CSV文件中都有城市.该文件有~300MB.

如何将其快速导入索引?

csv import elasticsearch

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

如何优化RGB到HSL转换功能的执行时间?

我已经创建了这个函数来将RGB颜色转换为HSL颜色.它完美无缺.

但我需要让它运行得更快,因为它用于替换画布上的颜色,我需要减少更换的时间.由于图像包含360k像素(600x600px),因此任何东西都可以让它更快.

这是我目前的实施:

/**
 * Convert RGB Color to HSL Color
 * @param {{R: integer, G: integer, B: integer}} rgb
 * @returns {{H: number, S: number, L: number}}
 */
Colorize.prototype.rgbToHsl = function(rgb) {
    var R = rgb.R/255;
    var G = rgb.G/255;
    var B = rgb.B/255;
    var Cmax = Math.max(R,G,B);
    var Cmin = Math.min(R,G,B);
    var delta = Cmax - Cmin;
    var L = (Cmax + Cmin) / 2;
    var S = 0;
    var H = 0;

    if (delta !== 0) { …
Run Code Online (Sandbox Code Playgroud)

javascript optimization hsl rgb

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

将所有内容从源目录复制到新目录Delphi EX7

我的最终目标是将所有相关文件从一个文件夹复制到另一个文件夹.所以我们有C:\Users\Tool\Desktop\test\oldStuff.在文件夹中oldStuff我们有更多的文件夹以及一些mp3,mp4txt文件.

现在,我希望做的是复制所有的MP4文件,这些文件比GB较小C:\Users\Tool\Desktop\test\New_Stuff_Less_than_a_Gig,和.MP4是比GB到更大的文件C:\Users\Tool\Desktop\test\New_STuff_Bigger_than_a_Gig.

我觉得这很容易,但我错了.到目前为止有这个,现在不担心文件类型所以只是做了它*.*

 procedure TForm4.Button1Click(Sender: TObject);
 var
   f: TSearchRec;
   Dir: string;
 begin
    if not SelectDirectory(Dir,widestring(Dir),Dir) then   Exit;
    FileMode:=0;
    if FindFirst(Dir+'\*.*',faAnyFile,f) = 0 then
    repeat
         try
          if (f.Attr and faDirectory ) < $00000008 then
          CopyFile(PChar(Dir+'\'+f.Name),PChar
 ('C:\Users\Tool\Desktop\test\new\'+f.Name),false);
         except
          on e: exception do
            ShowMessage(E.Message);
         end;
    until findNext(f) <> 0
 end;
Run Code Online (Sandbox Code Playgroud)

它将复制所选文件夹中的任何内容,但不会从所选文件夹中的文件夹中复制任何内容.例如,如果我们有C:\Users\Tool\Desktop\test\oldStuff\movie.mp4它将复制该Movie.mp4文件,但如果我们有C:\Users\Tool\Desktop\test\oldStuff\movies\Movie.mp4它将不会复制该Movie.mp4文件.我虽然可以做这样的事情

CopyFile.size < 1000 (PChar('C:\Users\Tool\Desktop\test\oldStuff\*.*'+f.Name),
                   PChar('C:\Users\Tool\Desktop\test\new_Stuff\'+f.Name),false) …
Run Code Online (Sandbox Code Playgroud)

delphi movefileex file-copying

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

PHP elseif 不起作用。(比较运算符与整数)

function ageIssue($age){
    if ($age > 10) {
        echo "Age is greater than 10";
    } elseif ($age>20) {
        echo "Age is greater than 20";
    } elseif($age>30) {
        echo "Age is greater than 30";
    }else {
        echo "Enter valid age";
    }
 }

 ageIssue(32);
Run Code Online (Sandbox Code Playgroud)

这段代码有什么问题?我需要答案“年龄大于 30”,但它总是说“年龄大于 10”。请帮忙....

php

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

带有空格的 Angular 电子邮件验证器

我正在开发一个新的基于 Angular 的应用程序,其中包含一个基于电子邮件和密码的登录表单。

它有这些字段的表单,由以下几行定义:

let formConfig = {
  email: ['', [Validators.required, Validators.email]],
  password: ['', [Validators.required]],
};

this.form =  this.formBuilder.group(formConfig)
Run Code Online (Sandbox Code Playgroud)

它按预期工作,除了一种情况:

当用户使用三星(和其他人)的自动完成功能来填充电子邮件字段时,它会在电子邮件后插入一个空格,并Validators.email假定这是一封无效的电子邮件。

我的问题是如何解决这种特殊情况?

我很确定我可以放置一些现有的电子邮件验证正则表达式,但我讨厌重新发明轮子,如果验证器存在,创建另一个看起来很疯狂。

是否可以实现某种验证器来修改我的表单控件值以去除空格?

angular-validation angular angular-reactive-forms

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