个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个小应用程序，在不使用 angualr 模板时运行良好。但是我现在需要将代码导出到其中。单击按钮时应调用 Sweet Alert。因此，当通过模板调用按钮时，甜蜜警报会弹出，但什么也没有发生。我保证它与甚至绑定(bind)有关，因为应用程序在 DOM 初始化后加载代码。
//app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<form>
<button type="button" class="ticket_button">Book</button>
</form>
`
})
export class AppComponent {
//some app logic here
}
//index.html
//i have not included the normal header stuff here, however the my-app class shows the button
<html<body>
<my-app class="main_ticket">Loading...</my-app>
</body></html>
// I have tried to use event binding from Jquery $('.main_ticket').on('change', '.ticket_button', function() {//logic here}, but it also didn't work
<script>
//Sweet Alert call
document.querySelector('button').onclick = function(){
swal("Here's a message!");
};
</script>
最佳答案
您必须使用Life Cylcle Hooks 才能使其正常工作:
export class AppComponent implements ngAfterViewInit{
//some app logic here
ngAfterViewInit(){
document.querySelector('button').onclick = function(){
swal("Here's a message!");
};
}
}
或者更好地使用 angular2 的标准事件:
@Component({
selector: 'my-app',
template: `
<form>
<button type="button" (click)="popAlert();" class="ticket_button">Book</button>
</form>
`
})
现在在类里面:
export class AppComponent {
//some app logic here
popAlert(){
swal("Here's a message!");
}
}
关于javascript - 使用 AngularJS 2 和模板的 Sweet Alert，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38584563/
25
4
0
我如何在 HP Fortify SSC 上定义警报，只有在发现新问题或自上次扫描以来问题数量增加时才会发出警报。 我可以定义一个包含静态问题数量的警报，但每次警报数量发生变化时都需要手动更新，我想避免
由于未知原因，我的 Alert.alert 拒绝工作。我基本上是在重用之前工作的代码。获取错误: Exception NSArrayl length; unrecognized selector se
我的注销用户功能似乎根本不起作用。我在登录时通过警报调用它，但它似乎没有调用它。如果我尝试在末尾添加“()”，它只会给我一个错误。 loginUser = (email, password) => {
alert() 和 window.alert() 函数有什么区别？看起来效果一样。 最佳答案 因为 window 是全局对象，您可以通过简写调用 alert:alert( 'Hello!' ); 或通
我正在尝试整理此错误消息: Exception '-[_NSDisctionary0 length]: unrecognized selector sent to instance 0x7896412
有什么方法可以改变 JavaScript 中alert 或prompt 的外观吗？诸如添加图像、更改字体颜色或大小之类的事情，以及任何会使它看起来不同的事情。 最佳答案 扩展 Matthew Abbo
我正在尝试创建一个警报，以确保用户提交了正确的信息，如果单击“确定”而不是取消，则单击链接并 发送。我几乎已经实现了，警报激活，但如果单击确定则不会激活。不幸的是，我还不是 js 向导...... 编
看起来 AngularJS $window.alert() 和 Javascript alert() 是一样的。在什么条件下我们应该使用其中的哪一个？还是根本没有区别？ 最佳答案 这是一回事——Jav
我的应用需要在不同时间向用户显示一些信息。我决定使用 AlertControllers 但我不能同时显示两个 Alert Controllers。因此我需要知道是否显示了警报 Controller ，
在 Brad's tutorial Alerts 组件使用以下方式导出: export default withAlert(Alerts) 这导致了错误: The above error occurr
我正在使用 Twitter Bootstrap 3 并使用 jQuery AJAX 发送表单数据。这是我的代码: $.ajax({ type: $(form).attr('method
我遇到了 的问题(SSL 警报编号 46) 140097325019584:error:14094416:SSL routines:ssl3_read_bytes:sslv3 alert certif
我正在尝试使用 Alert React Native 中的组件以在 Android 和 iOS 之间创建一致的体验。我正在尝试运行示例警报。我导入了警报组件(为简洁起见省略了其他导入): import
考虑这段代码: var input = document.getElementById("hello"); input.addEventListener('blur', function() {
请检查代码， import { Alert, } from 'react-native'; checkForSendingOtp = () => { let hash = 'aBcDeG
我刚开始学习和练习 React Native，我遇到了第一个我自己似乎无法解决的问题。 我有以下代码，非常简单，但是当我在网络上运行时 Alert.alert() 不起作用。如果我单击该按钮，则没有任
在 Safari 浏览器中遇到一个问题，以下是我的场景(带示例)。 当我点击删除帐户的按钮时，我会打开警告消息。在该警报窗口中有两个操作“确定”和“取消”。如果我单击"is"，它将重定向到另一个 UR
使用 Cordova CLI 版本 5.4.1，平台是iOS，在 iOS 模拟器上运行 来 self 应用的 onDeviceReady处理程序，我正在调用一个函数来设置一个 Hook ，以便使用 n
我正在使用 selenium IDE。我需要验证在成功填写数据并单击保存按钮后显示的闪现消息。 我正在使用 assertText css=div.alert.alert-success × Succe
我有一个 .pfx 文件，在 Windows 客户端上使用时可以完美连接到远程服务器。我现在想使用 Linux 客户端连接到服务器。 问题 1) 我使用以下 openssl 命令从 pfx 文件中提取
我是一名优秀的程序员,十分优秀！