基本上我有两个按钮的欢迎页面;登录并注册。当用户单击“注册”按钮时,会打开一个显示注册表单的模式。我实现了一个逻辑,在注册时登录用户,还有一个逻辑,当他/她通过身份验证时,将用户带到主页。
这意味着当用户提交注册表并登录时,必须关闭模态,但只有在显示主页之后。否则,如果我在此之前关闭模态,那么用户将再次看到欢迎屏幕,我想避免这种行为。我可以在注册时轻松关闭模式,但正如我所说,我不希望用户再次看到欢迎屏幕。
这就是我在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 语句中,它就可以工作,但是如果欢迎屏幕中的用户打开模态(通过按注册按钮)并在不提交注册表的情况下关闭它,请返回欢迎屏幕,按登录按钮并登录,然后我会得到一个错误:
错误:未捕获(承诺):覆盖不存在
当然,发生这种情况是因为我在主页时关闭了模态,而无需检查模态是否已打开。
非常感谢任何帮助,我已经坚持了一段时间了......
我在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文件,但是该文件在哪里?我应该在目录中的哪个位置创建此文件?我在项目文件夹的根目录中创建了文件,并添加了之前的代码,但是消息仍然保留在控制台中。我该如何解决?
我希望能够在图像放大后在其容器内移动 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)