方法在ngOnInit中加载后未在单击时触发
在Angular中，ngOnInit是一个生命周期钩子函数，它在组件初始化时被调用。通常情况下，我们会在ngOnInit中执行一些初始化操作，例如获取数据、订阅事件等。
根据提供的问答内容，问题描述了一个方法在ngOnInit中加载后未在单击时触发的情况。这可能是由于以下几个原因导致的：
- 事件绑定问题：在模板中，确保你正确地绑定了单击事件。例如，使用
(click)="methodName()"来绑定一个方法。 - 异步加载问题：如果在ngOnInit中加载的方法是异步的，可能存在加载完成前就触发了单击事件的情况。你可以使用
async和await关键字来确保方法加载完成后再触发单击事件。 - 生命周期钩子的执行顺序问题：确保在ngOnInit中加载的方法不会影响到单击事件的绑定。可以考虑将加载方法放在ngAfterViewInit或其他适当的生命周期钩子中。
- 方法调用问题：检查方法是否正确定义和调用。确保方法名拼写正确，并且在单击事件中正确地调用了该方法。
总结起来，解决方法在ngOnInit中加载后未在单击时触发的问题，可以按照以下步骤进行：
- 确保在模板中正确地绑定了单击事件。
- 检查加载方法是否是异步的，如果是，使用
async和await确保加载完成后再触发单击事件。 - 检查生命周期钩子的执行顺序，确保加载方法不会影响到单击事件的绑定。
- 检查方法的定义和调用，确保方法名拼写正确，并且在单击事件中正确地调用了该方法。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务：https://cloud.tencent.com/product/tke
- 云存储（对象存储）：https://cloud.tencent.com/product/cos
- 人工智能平台：https://cloud.tencent.com/product/ai
- 物联网平台：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务：https://cloud.tencent.com/product/umeng_push
- 区块链服务：https://cloud.tencent.com/product/tbaas
- 视频直播：https://cloud.tencent.com/product/lvb
- 音视频处理：https://cloud.tencent.com/product/mps
相关·内容
我有这个方法，它在页面加载时被调用，然后当我在html中创建一个按钮时调用相同的方法。我没有看到我期望的变化。我有一个歌曲列表，当用户单击shuffle按钮时，它应该会对歌曲列表进行随机播放。目前在页面加载中，我有 public musicList = [];
this.shufflePlaylist();
public shuff
浏览 21提问于2019-01-15得票数 1
回答已采纳
是否有可能触发一个在其中包含参数的函数，如trigger(id)在ngOnInit中 getOrdersFromOrigin(id: number): void {}
所以在</
浏览 1提问于2016-12-06得票数 3
回答已采纳
当我加载应用程序时，我可以在我的控制台中看到HomeComponent构造函数何时被触发，但我从未看到ngOnInit被触发。奇怪的是，当我单击按钮导航到/news时，我在控制台中看到了HomeComponent ngOnInit火。它应该是这样工作的吗？我读到，把它放在构造函数中是个坏主意，让它在ngOnInit中是理想的，但是，如果ngOnInit只
浏览 1提问于2016-09-30得票数 4
2回答
单击TileComponent后，FullScreenComponent就会打开。在TileComponent中，我有以下代码。ngOnInit()方法在TileComponent加载时被触发。TileComponent.ts: console.log("TileCompnent :ngOnInit");
浏览 0提问于2019-02-18得票数 0
1回答
我有一个angular2组件，其中有一个通过调用服务方法从API调用中填充数据的方法。some url').then(() => { }} ngOnInit(){
this.
浏览 3提问于2017-05-10得票数 0
另外，我希望避免在每个组件中都包含一个加载器服务，并在ngOnInit上隐藏很多加载器(例如)。现在我试着把它放在顶层(app.js)首先:不知道如何正确地检测、尝试更改路由器和显示加载器(现在我把它弄得很难看--当我们单击导航link....and时，只是触发事件，这很糟糕，因为当我试图通过编程方法导航时，加载器将不会显示)。我看到了： router.subscrib
浏览 7提问于2016-05-06得票数 1
我有一个组件，我希望在单击按钮时从后端获取一些数据，并根据这些数据导航到正确的页面。我在ngOnInit()函数中有以下代码： ngOnInit() { .pipe()
.subscribe((users) => {，然后在单击按钮时获取列表，从而触发订阅。但是，我一进入页面就会触发订阅，即使没有获取用户列表也是如此。 实现我
浏览 9提问于2020-10-29得票数 0
回答已采纳
在我的应用程序中，我有一个在/contacts路由加载时加载的联系人列表，如果用户单击特定的联系人，则加载子路由/contacts/view，该子路由应该显示该联系人的详细信息。当/contacts/view/:id第一次加载(例如/ contact /view/1)时，ngOnInit()将被触发</
浏览 1提问于2017-10-11得票数 0
回答已采纳
2回答
角度子元件表
、、
我有两个组件，即组件A和组件B，在组件A中，我称为一个子组件，即组件B，它是一个表，即app-team-management选择器(子组件)。app-team-management的ngOnInit也未呈现或调用 我还向子组件ngOnInit添加了一个控制台日志，即app-team-management，但ngOnInit没有初始化 代码似乎有什么问题为什么当我调用子组件app-team-management时，它没有呈现数据，甚至没有调用ngOnInit？感谢您的帮助
浏览 58提问于2021-08-13得票数 0
我正在尝试在用户单击li后将列表添加到<li>。正在添加列表，但列表未在新页面上打开。请参阅jQuery移动网站上的示例。当您单击list节点时，子列表将在新页面中打开(类似于)。当您单击<li>时，它会添加新列表，但添加方式与jQuery移动站点中显示的方式不同。编辑:已通过刷新列表视图解决了此问题。现在，我在可折叠中</e
浏览 0提问于2013-06-01得票数 0
回答已采纳
在我的页面上，有一个按钮，单击该按钮将根据用户的输入使用参数更改路由。> ngOnInit方法中，使用路由发送的参数调用某个服务。现在的问题是：
如果用户插入id并单击按钮，则URL被更改为ok，HouseComponent也会很好地加载。但是--如果用户现在再次单击按钮，使用相同的id，URL不会被更改(这很好)，但是由于这个原因，组件不会再次加载，因此不会再次调用ngOnInit。对于我们来说，这不是预期的
浏览 4提问于2017-10-23得票数 0
我在按钮点击时显示了一个弹出窗口，上面有一个表单。当表单提交时，我希望在父组件中有一条通知消息。为此，我注册了一个输出事件，并在其中将一个变量设置为true。然后，我在te ngOnInit事件中检查这个变量，如果它为真，则显示通知。但是notify没有显示。我认为，由于ngOnInit事件最先触发，此时布尔值不是真的。
浏览 36提问于2020-06-22得票数 0
回答已采纳
在Angular的生命周期中，是否有一种方法可以在每次页面对用户可见时执行一些代码？我搜索过ngOnChanges()，但我认为它不适用于此。
浏览 0提问于2020-09-10得票数 0
1回答
组件ngOnInit中的角订阅
、、、、
我正在学习角5+，最近来到主题/订阅部分，我看到许多教程都希望以某种方式使用订阅：
ngOnInit和按钮单击</
浏览 0提问于2018-08-19得票数 1
回答已采纳
1回答
如果用户在10秒后不单击按钮GoDashobard应用程序，则第一个按钮将自动切换到该链接。但是，如果用户仍然单击此按钮并转到下一个链接，则超时将在10秒后再次触发，并返回到该页面，如果已在该页面上则会刷新。我试图通过isClickGoToDashboard来解决这个问题，但是它再次调用，可能是因为它在第一次加载到ngOnInit ()上。
在单击按钮不再计数计数器并再次调用后，如何撤消此操作？ngOnIni
浏览 1提问于2021-03-14得票数 1
回答已采纳
在导航到组件--第二次时，它向我展示了应该在第一次显示的projectDetails。对于后续的导航，这种“滞后”的仍然存在
我理解这一定意味着在重新初始化组件之前，我对.next()的调用不会被反映在组件中。我知道当组件加载时，this.s.getProject(this.projectId);是正确工作的，因为来自服务的console.log('service fetch complete>>>>>>',但是，我很难理解为什么这
浏览 3提问于2020-10-16得票数 2
我正在尝试实现一个基本的http服务，这样我就可以处理每个错误，并显示加载gif完全相同。因此，我有一个所有服务都扩展的基本服务；一旦发出http请求，我就会更新页面正在加载的行为主题。我在我的app.component.ts中订阅了这个BehaviorSubject，但它从未在这里被触发过。我在SlackBlitz here上创建了一个小示例。当您单击"Change showLoading“按钮时，我的订阅似乎在<
浏览 26提问于2019-01-03得票数 0
3回答
true; return false; } "exp": 1526016179 // expiry timengOnInit() {
let token = localStorage.getItem('token');JwtHelper.de
浏览 4提问于2018-05-11得票数 2
2回答
因此，我创建了一个简单的问题/答案格式，并且在提交答案时遇到了问题。我通过"RenderQuestions()“函数从数据库动态创建div/button/textbox。当我尝试回答一个问题时，我输入我的答案，单击submit，但没有任何反应。我再做一次，它显示了我的第一个答案。这是“落后一步”..如果我刷新它，那么就会显示它应该显示的所有答案。我整晚都在纠结这件事。;这是对我的按钮的所有引用..我应该在
浏览 2提问于2013-08-03得票数 0
我正在处理一个在浏览器上禁用后退按钮问题，所以我的方法是使用onpopstate事件，当页面加载成功时，我在浏览器上单击后退按钮，它不是在onpopstate事件上触发的，仍然可以导航到上一页，如果我在页面中做任何事情，比如在浏览器上左键，右键单击页面然后单击后退按钮，它会触发onpopstate事件并阻止返回到上一页。ngOnInit(){
浏览 3提问于2021-05-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
