小编Séb*_*ien的帖子

Ionic 2:如何从Popover组件调用父页面功能

我有一个页面组件,其中包含一个打开PopoverController的按钮.根据Ionic Docs,弹出窗口需要另一个特定的内容组件.

在主页面中,我有一个需要从弹出窗口组件调用的函数,但我还没有找到如何访问"父级"方法.我试过@ViewChild但孩子却是undefined.

import { Component, ViewChild } from '@angular/core';
import { Content, NavController, NavParams, Platform, PopoverController, ViewController } from 'ionic-angular';

// Parent page:
@Component({
    selector: 'page-favorites',
    templateUrl: 'favorites.html'
})
export class FavoritesPage {
    constructor(public popoverCtrl: PopoverController) {
    }

    openOptions(ev?: Event) {
        let popover = this.popoverCtrl.create(FavoritesPopover);
        popover.present({ ev: ev });
    }

    showConfirm() {
        // This is the function I need to call from FavoritesPopover
    }
}

// Popover content:
@Component({
  template: `
    <ion-list>
        <button ion-item (click)="showConfirm()">Show …
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic-popover ionic2 viewchild

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

Angular4 angularfire2

我正在使用angular4项目,因为我无法进行编译,因为遇到了有关angularfire2的错误.有人可以帮我.

ERROR in node_modules/angularfire2/firebase.app.module.d.ts(5,45): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(8,17): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(9,21): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(10,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(11,20): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(13,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(8,43): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(9,46): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(9,80): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,49): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,95): error TS2503: Cannot find namespace 'firebase'. …
Run Code Online (Sandbox Code Playgroud)

angular

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

jQuery用不同的类替换某个元素的特定模式的所有类

我有一个包含许多div的div.所有这些细分都有许多与特定命名模式匹配的类.我有很多名为"tile1Full","tile1Thumb","BG1Full","BG1Thumb"的课程.所以我的HTML可能看起来像这样:

<div id=parent>
    <div>
        <div class='tile1Full BG2Full border1'>
    </div>
    <div>
        <div class='tile3ContainerFull border1'>
            <div class=tile2x2Full border3></div>
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

我想用名称"Thumb"替换名称中"Full"的所有类,结果如下:

<div id=parent>
    <div>
        <div class='tile1Thumb BG2Thumb border1'>
    </div>
    <div>
        <div class='tile3ContainerThumb border1'>
        <div class=tile2x2Thumb border3></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我想出的:

contents.find('div').each(function (i) {
    if ($(this).attr('class')!==undefined)
    {
        $(this).attr('class',$(this).attr('class').replace(/Full/g,'Thumb'));
    }
});
Run Code Online (Sandbox Code Playgroud)

问题是,根据Firefox"Inspect Element",当我查看class属性时,新的类名就在那里.但是,当我查看CSS检查器时,实际上并未应用这些类.它不再像预期的那样应用"Full"类,但它也不适用"Thumb"类.

该类所做的一件事是设置div的宽度和高度.div本身不包含任何内容; 只是背景图像,所以由于没有应用新类,它们的宽度和高度均为0,实际上消失了.

为什么属性检查器会报告它们具有所需的类,但CSS检查器是否显示这些类未应用?

谢谢

css jquery addclass class removeclass

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

如何显示用户的WooCommerce订阅详情?

我创建了一个自定义页面模板,我想显示用户订阅的具体细节(例如订阅开始日期).

"我的帐户"页面上的可用挂钩显示了这一点,但我不知道如何拆除挂钩的输出,甚至只是在页面模板上显示它.

任何帮助,将不胜感激!

php wordpress subscription woocommerce

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

使用php中的位置标头留在同一页面

我有一个位于不同页面的表格,并且所有行都有一个属性,即按钮,按钮用于从表格中删除行,当执行按钮功能时,它会进入标题操作,但是当完成后在第二页中执行时操作标头正在第一页中发送它,我希望它应该保留在同一页面中。我怎样才能做到这一点?

这是一些代码

<?php
if(isset($_GET['index_edit_id']))
{
    $delete_id=$_GET['index_edit_id'];
    $sql = "DELETE FROM update_table WHERE  id='$delete_id';UPDATE files SET show_status=null  WHERE id='$delete_id';DELETE FROM callcase WHERE id='$delete_id';DELETE FROM lettercase WHERE id='$delete_id'";
    $run=mysqli_multi_query($con,$sql);
    header("location:index.php");
}
?>
Run Code Online (Sandbox Code Playgroud)

我想发送带有分页号的位置,如果它带有搜索键,那么它也应该采取所有可以通过的情况,我应该在会话中存储键和分页号。请帮帮我

html php mysql

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

如何使用javascript在div上播放动画

到目前为止,这是我的脚本:

HTML:

<head>
<link rel="stylesheet" type="text/css" href="mystyles.css">
</head>

<body>
    <div id="test"></div>
</body>

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

CSS:

#test {
    background-color: blue;
    width: 100px;
    height: 100px;
}

/* Here is the animation (keyframes) */
@keyframes fading {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
Run Code Online (Sandbox Code Playgroud)

但是,如何使用某些JavaScript在CSS #div上播放CSS动画(关键帧)?

html javascript css css-animations

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

如何设置jQuery-UI 1.10自动完成自定义显示

当我从jquery-ui 1.9切换到1.10(在两种情况下都使用jquery 1.8.3)时,我的jquery-UI自动完成功能被破坏了.

升级指南指出item.autocomplete语法被替换ui-autocomplete-item,但我无法得到它的工作.事实上,我认为自定义数据和显示的示例已被破坏,因为desc下拉列表中未显示该示例.

这可能非常简单,但我被阻止,非常感谢一个例子,特别是<strong>在下拉列表中正确显示HTML(如)的例子  .

jquery-ui jquery-ui-autocomplete

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

HTML:文本是否需要容器元素符合标准?

是否符合以下W3C标准:

<div>
  <h3>Heading</h3>
  This is the text for this section.
</div>
Run Code Online (Sandbox Code Playgroud)

或者文本是否需要容器元素?

<div>
  <h3>Heading</h3>
  <p>This is the text for this section.</p>
</div>
Run Code Online (Sandbox Code Playgroud)

第一个例子不适合我,但内容编辑问我,我意识到我不知道它是否可以.

html standards w3c semantic-markup

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

在IONIC应用程序中的启动画面后的白色屏幕

我的应用程序存在"问题".当它正在运行时,在启动画面之后和应用程序准备好之前,出现白色屏幕大约5/6秒,这非常烦人.怎么可能避免这个白屏?

我没有看到很多关于此的问题(没有工作答案),我希望得到更新的答案.我不发布代码,因为我不知道哪些代码可能有用.

离子版3.13.2

谢谢.

apk ionic-framework ionic2 ionic3

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

更改数组中对象参数的名称

假设我有以下数组结构:

"stores" : [
    {
        id: 1,
        name: 'lopd',
    },
    {
        id: 2,
        name: 'abc'
    }
]
Run Code Online (Sandbox Code Playgroud)

我想将参数名称更改为以下内容:

"stores" : [
    {
        value: 1,
        label: 'lopd',
    },
    {
        value: 2,
        label: 'abc'
    }
]
Run Code Online (Sandbox Code Playgroud)

我将如何在 ES6 中做到这一点?

javascript arrays object ecmascript-6

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