小编Gil*_* R.的帖子

Ionic v4 - 检查模态是否打开

基本上我有两个按钮的欢迎页面;登录并注册。当用户单击“注册”按钮时,会打开一个显示注册表单的模式。我实现了一个逻辑,在注册时登录用户,还有一个逻辑,当他/她通过身份验证时,将用户带到主页。

这意味着当用户提交注册表并登录时,必须关闭模态,但只有在显示主页之后。否则,如果我在此之前关闭模态,那么用户将再次看到欢迎屏幕,我想避免这种行为。我可以在注册时轻松关闭模式,但正如我所说,我不希望用户再次看到欢迎屏幕。

这就是我在welcome.ts中打开模态的方式

async showModal() {
    const modal = await this.modalController.create({
      component: RegisterPage
    });
    return modal.present();
  }
Run Code Online (Sandbox Code Playgroud)

register.ts 中,我需要一种方法来知道模态是否仍然打开,以便我可以使用以下逻辑:

constructor(
    private modalController: ModalController,
    private router: Router
  ) {
    this.router.events.subscribe(() => {
      if (router.url.toString() === "/tabs/home" && isModalOpened) this.modalController.dismiss();
    });
  }
Run Code Online (Sandbox Code Playgroud)

如果我只将router.url.toString() === "/tabs/home"它添加到我的 if 语句中,它就可以工作,但是如果欢迎屏幕中的用户打开模态(通过按注册按钮)并在不提交注册表的情况下关闭它,请返回欢迎屏幕,按登录按钮并登录,然后我会得到一个错误:

错误:未捕获(承诺):覆盖不存在

当然,发生这种情况是因为我在主页时关闭了模态,而无需检查模态是否已打开。

非常感谢任何帮助,我已经坚持了一段时间了......

angular ionic4

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

指导创建jest.config.file

我在Node应用程序中使用Jest,并且在控制台中收到以下消息:

猫鼬:看起来您正在尝试使用Jest的默认jsdom测试环境来测试Mongoose应用程序。请确保您已阅读有关配置Jest以测试Node.js应用程序的Mongoose的文档:http : //mongoosejs.com/docs/jest.html

我已经阅读了文档,但是当他们第一次使用它时,感觉就像他们希望我熟悉这个库一样。文档说要添加这段代码:

module.exports = {
  testEnvironment: 'node'
};
Run Code Online (Sandbox Code Playgroud)

对于我的jest.config.js文件,但是该文件在哪里?我应该在目录中的哪个位置创建此文件?我在项目文件夹的根目录中创建了文件,并添加了之前的代码,但是消息仍然保留在控制台中。我该如何解决?

node.js jestjs

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

用鼠标移动 img

我希望能够在图像放大后在其容器内移动 img,因为正如您所看到的,一旦您单击图像,它就会变得太大而您看不到整个图像。另外,一旦图像未被悬停,如何使图像恢复正常?提前致谢。

// Zoom in/out clothing img
  $('.image').click(function() {
    $(this).toggleClass('normal-zoom zoom-in');
  });
Run Code Online (Sandbox Code Playgroud)
.container {
  width: 800px;
  margin: 0 auto;
  border: 2px solid black;
  display: flex;
}

.img-wrapper {
  margin: 10px;
  overflow: hidden;
}

.image {
  width: 100%;
  height: 100%;
}

.text {
  width: 40%;
  padding: 20px;
}

.normal-zoom {
  transform: scale(1);
  cursor: zoom-in;
  transition: all 250ms;
}

.zoom-in {
  transform: scale(1.6);
  cursor: zoom-out;
  transition: all 250ms;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="img-wrapper">
    <img src="https://static1.squarespace.com/static/560c458be4b0af26f729d191/560c5de0e4b083d9c365515f/560d53d4e4b03b1013fd40de/1443714010032/lauren-winter-wide-pant-natural_0178.jpg?format=750w" class="image normal-zoom">
  </div>
  <p class="text">Kept …
Run Code Online (Sandbox Code Playgroud)

html javascript css-transforms

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

标签 统计

angular ×1

css-transforms ×1

html ×1

ionic4 ×1

javascript ×1

jestjs ×1

node.js ×1