如何在第二次点击链接后调用构造函数或ngOnInit？
在第二次点击链接后调用构造函数或ngOnInit，可以通过以下几种方式实现：
- 使用Angular路由器的导航钩子函数：可以在路由器的导航钩子函数中监听路由变化，并在第二次点击链接后调用构造函数或ngOnInit。具体步骤如下：
- 在组件中导入
Router和ActivatedRoute模块。 - 在组件类中定义一个变量用于记录链接点击次数，初始值为0。
- 在构造函数中注入
Router和ActivatedRoute。 - 使用
router.events监听路由变化事件。 - 在路由变化事件中判断链接点击次数，如果大于等于2，则调用构造函数或ngOnInit。
- 示例代码如下：
- 示例代码如下：
- 在组件中导入
- 使用模板中的点击事件：可以在模板中绑定一个点击事件，每次点击链接时增加一个计数器，当计数器大于等于2时，调用构造函数或ngOnInit。具体步骤如下：
- 在模板中绑定一个点击事件，并在事件处理函数中增加一个计数器。
- 在组件类中定义一个变量用于记录计数器的值。
- 在构造函数或ngOnInit中判断计数器的值，如果大于等于2，则执行相应的逻辑。
- 示例代码如下：
- 示例代码如下：
- 示例代码如下：
无论使用哪种方式，都可以在第二次点击链接后调用构造函数或ngOnInit。具体选择哪种方式取决于你的需求和项目的架构。
相关·内容
2回答
正在尝试更改选项卡页中状态栏的颜色。它只在第一次改变，当我在标签之间点击后，它不再改变颜色，而只是保留我点击的最后一个标签的颜色。
我尝试过ionViewDidLoad()和ngOnInit()，但是对于选项卡，似乎没有调用statusBar函数，如何在用户每次切换选项卡时触发颜色变化？
ngOnInit() {
this.statusBar.backgroundColorByHexString('#f2d602');
}
浏览 16提问于2018-09-06得票数 0
当我通过相同的路由链接进行第二次单击时，组件不会被重新加载。
如何在第二次点击链接后调用构造函数或ngOnInit？
浏览 12提问于2018-02-16得票数 0
4回答
我想创建一个从json读取许多数据并在表视图中显示它们的应用程序。我想创建一个按钮，当它点击这个页面的第二次被刷新，并从json获取数据(再次检查json，如果这个json改变了，表视图也改变了)
我不知道如何创建这个函数来刷新这个页面并运行代码。
请告诉我这件事。
浏览 0提问于2013-05-16得票数 0
回答已采纳
2回答
在加载内容之前，我的页脚正在加载。我有多个按钮在我的肚脐，当点击打开一个新的组件。当用户命中事件时，它将在从api加载事件之后发出。此时，页脚正在加载。
但在那之后，我去另一个链接，让我们说特别，然后页脚是加载之前的事件。
我试过如下：
events.component.ts
export class EventsComponent implements OnInit {
events = [];
constructor(private _eventService: EventService, private service: SharedService) { }
n
浏览 0提问于2018-10-29得票数 2
当我调用组件A的函数时，如何运行组件A的ngOnInit？
例如：
export class CompositionComponent implements OnInit {
measure = new MeasureComponent(this.http);
constructor(private http: HttpClient) { }
myFunction(){
measure.functionMeasure();
}
//
export class MeasureComponent implements OnInit {
configCompo;
construct
浏览 0提问于2019-02-11得票数 0
回答已采纳
26回答
在默认情况下，角提供生命周期钩子ngOnInit。
如果我们已经有了一个ngOnInit，为什么要使用constructor？
浏览 25提问于2016-03-03得票数 1418
回答已采纳
在ionic 4框架中，我使用router.navigate导航到页面。在导航页中，构造函数和ngOnInit不会在第二次调用。第一次只打来电话。
浏览 32提问于2019-07-08得票数 0
2回答
我正在做一个引导表单，它在表单底部有重置/提交按钮。当iPhone上的用户点击Submit按钮时，当它出现在屏幕的最底部时，Safari图标首先出现，然后用户必须第二次单击Submit按钮。
下面是表单末尾的代码：
<button type="reset" class="btn btn-default">Reset</button>
<button type="submit" class="btn btn-default">Submit</button>
</form>
浏览 1提问于2016-06-05得票数 1
回答已采纳
我正在尝试添加一个可观察到的loginLoading，任何组件都可以订阅它，以查找用户当前是否正在登录。
在我的app.component.html里
<mat-toolbar [ngClass]="{'disable-pointer': loginLoading}">
<a routerLink="login" routerLinkActive="active" id="login"> Login </a>
</mat-toolbar>
在我的app.com
浏览 16提问于2022-11-24得票数 1
HTML：
<mat-form-field *ngSwitchCase="'edit'">
<input
#myInput
(keyup.enter)="edit()"
[formControl]="taskTitleControl"
matInput
/>
</mat-form-field>
TS：
export class TaskComponent implements OnInit {
@Input() title: string;
@In
浏览 1提问于2021-01-01得票数 1
2回答
我是新的角2和类型标，我是呼气与构造函数和ngOnInit。
为什么我可以在构造函数中使用matchMedia：
import {MediaMatcher} from '@angular/cdk/layout';
import {ChangeDetectorRef, Component} from '@angular/core';
/** @title Responsive sidenav */
@Component({
selector: 'sidenav-responsive-example',
templateUrl: '
浏览 7提问于2017-12-29得票数 1
回答已采纳
我的问题涉及*ngif指令，一旦*ngif=true，我希望在'ModClass‘指令能够完成它的操作之前，首先呈现html内容。
我试图实现ngOnInit和ngViewInit，但没有成功，因为我相信在呈现ngif内容时ngOnInit会触发，或者在生成父组件时更早。
另外，对于ngViewInit，我想我需要订阅一些东西，但是我不知道我需要订阅什么。(我可能完全错了，这会做更多的研究)
下面的代码说明了我的问题，以及一个stacksblitz链接，这样您就不必在计算机上重新创建此代码来排除故障。
代码应该做的是按一下按钮，点击它，切换与*ngIf='trigger'
浏览 0提问于2018-10-16得票数 3
回答已采纳
当我运行应用程序时，控制台显示我有ngOnInit的所有日志，但应用程序只生成一个框架视图，而不显示组件的变量和来自l18n的文本。ngOnInit或者没有正常工作，因为我必须在构造函数中被调用。
当我第二次点击一个指向组件的链接时，这些问题就消失了，然后一切都正常加载了。这发生在应用程序中的所有组件以及构建在angular2 starter gulp之上的所有应用程序中。
为什么只有第二次单击加载要查看的变量并调用ngOnInit (当它在构造函数中调用时)？
export class SettingsDevicesComponent implements OnInit {
**varia
浏览 1提问于2016-06-28得票数 0
我正在使用下面的javascript在asp.net c#中更改aspx上的图像
<script language="JavaScript" type="text/javascript">
var updateImageWhenHashChanges = function()
{
theImage = document.getElementById("ctl00_ContentPlaceHolder1_Image1a");
if(windo
浏览 0提问于2010-05-20得票数 0
23回答
我试图创建新组件ResultComponent，但是它的ngOnInit()方法被调用了两次，我不知道为什么会发生这种情况。在代码中，ResultComponent从父组件mcq-component继承@Input。
以下是代码：
父组件(MCQComponent)
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'mcq-component',
template: `
<div *ngIf = 'isQuestio
浏览 0提问于2016-08-05得票数 80
回答已采纳
3回答
我有一个为subject和behaviorSubject创建http请求的服务。然后，我将数据从服务获取到page.ts (构造函数上)，以在模板中显示它。
我所做的代码运行良好，但问题是模板“叫喊”来自主题的数据尚未到达。因此，如果我想使用它初始化窗体控件或显示数组中的数据，就会产生错误。
PS:，我尝试了一个behaviorSubject，我也遇到了同样的问题。) :(我确定我做了一个概念错误。
有人知道如何在模板显示之前获取数据吗？
谢谢你的帮忙
带有Subject和behaviorSubject:的服务代码
const INTI_DATA = [];
@Injectable({
浏览 0提问于2019-06-27得票数 0
回答已采纳
我正在尝试获得一个页面，在相同的组件中，在URL更改时加载一些内容。
myComponent.ts
ngOnInit(){
this.router.events.subscribe(res=> {
if (this.router.url.split('?')[0].split("/").pop() === 'invitations'){
console.log('do something');
}
}
}
myModule.ts
const routes: Routes =
浏览 0提问于2019-08-27得票数 0
回答已采纳
在我的一个asp.net项目中，我有两个asp文本框，它们应该在服务器上运行并更新一些值(在aspx.vb中会发生一些计算)。还有一个输入类型的提交按钮(html按钮)，它在单击时调用一个javascript(在.aspx页面中)。
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack=true Width="38px"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server&
浏览 1提问于2013-03-15得票数 1
回答已采纳
我有以下角度分量：
export class ListComponent implements OnInit {
showComments: boolean = false;
posts$: Observable<PostModel[]>;
constructor(private postService: PostService) { }
ngOnInit() {
this.posts$ = this.getPosts();
}
getPosts(): Observable<PostModel[]> {
retur
浏览 0提问于2019-03-07得票数 1
回答已采纳
我已经实现了延迟加载模块，并且在模块的路由中加载子组件，
就像这样。
const routes: Routes = [
{
path: "",
component: CustomerListComponent,
children: [
{
path: "child",
component: CustomerChildComponent
}
]
}
];
在CustomerListComponent的OnInit中，我导航到子组件，如下所示
export class
浏览 11提问于2020-05-05得票数 0
我有以下功能，当前通过点击按钮来触发： export class ExhibitorDetailsComponent implements OnInit {
@ViewChild(MapInfoWindow, { static: false }) infoWindow: MapInfoWindow
openInfo(marker: MapMarker, content) {
this.infoWindow.open(marker)
}
markers = [{
position: {
lat: 52.550267,
lng: 13
浏览 26提问于2020-04-09得票数 1
回答已采纳
1回答
我正在重建一个AngularJS应用程序，我构建了一个新的Range5框架。我承认我不太熟悉打字和学习。
我正试图在AngularJS中重新创建一个服务的等价物。我有许多常见的函数，需要通过多个组件来访问。因此，通过角度CLI，我使用了以下命令：ng generate service Common。然后，我添加了一个testfunction，并尝试将该服务注入到我的组件中，并试图调用它。我收到一个错误，说它找不到名字ServiceTest。
Common.service.ts
import { Injectable } from '@angular/core';
@Injec
浏览 0提问于2018-03-06得票数 2
回答已采纳
1回答
我正在创建一个简单的CRUD应用程序与离子和角度。我能够执行所有的CRUD功能。我现在的问题是，当我将新对象添加到数据库中时，我不知道如何重新加载列表。我创建了一个add按钮(在view data页面上)来打开一个create页面，当添加完成时，我导航回view data页面，但是列表不会更新。 我曾尝试在NgOnInit或构造器中包含将数据加载到列表变量中的函数，但也不起作用。 我还尝试使用事件发射器从列表视图页面调用GetAnime函数(在我创建新条目之后)，但我也无法让它工作。 以下是我的视图数据页面.ts文件的代码 import { Component, OnInit } from
浏览 30提问于2020-04-13得票数 0
回答已采纳
在一个角7应用程序中，我有以下组件：
export class ListComponent implements OnInit {
visible: boolean;
ngOnInit() {
this.visible = false;
}
toggle() {
this.visible = !this.visible
}
}
我的看法是：
<table *ngIf="visible">
Table content
</table>
在ngOnInit内部设置visible的初始值与在变量声明中设置初始值有
浏览 0提问于2019-03-07得票数 7
回答已采纳
1回答
尝试通过方法(函数)使用扩展将值从一个组件传递到另一个组件。但不起作用。任何服务都有可能吗？那么如何解决这个问题呢？如果有人知道，请帮忙找出解决办法。
bus.component.ts：
export class BusComponent extends CarComponent implements OnInit {
constructor() {
super();
this.getValues('2', '5');
}
ngOnInit() {}
}
car.component.ts：
export class CarCompon
浏览 10提问于2022-07-21得票数 -1
2回答
我有一个简单的点击函数，下面的代码，但我似乎不能获得第一次点击的数据。
$.ajax({
type: 'POST',
url: 'test/get/1',
success: function (result) { testit = result; },
dataType: 'json',
data: 'js=1'
});
alert(testit);
在我的回调函数中，我只是返回了drupal_json('hello')；但是直到第二次它才显示出来。例如，如果我点击这个按钮，什么都不会发生
浏览 3提问于2010-01-19得票数 0
回答已采纳
class C {
public static void main(String[] args){
B test = new B(1);
}
}
abstract class A {
int i = 1;
abstract void test();
public A(){
System.out.println("before test()");
test();
System.out.println("after test");
}
}
clas
浏览 2提问于2020-03-22得票数 0
回答已采纳
这是我的标记：
<a href="#" class="reviews" id="like" rel="popover" data-content="" data-placement="right" data-original-title="Like episode">
<i class="icon-thumbs-up"></i>
Loved it
</a>(<span id="episod
浏览 0提问于2012-09-09得票数 32
回答已采纳
这是我指的组件，它是一个子组件，当应用程序运行时，会抛出一个指向这个组件选择器<app-new></app-new>的错误。
错误说：
“没有字符串提供程序！；区域：；任务: Promise.then；值:错误:没有字符串提供程序！”
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-new',
template: `<h2>SOme New Compnent which uses interpolat
浏览 3提问于2017-11-18得票数 0
2回答
尝试在构造函数中访问对象的数据将返回“未定义”对象。它在ngOnInit()函数上工作，但是每次组件启动时，都需要数据(将被重置)。
import { Component, OnInit, Input } from '@angular/core';
@Input() data: any;
constructor(dataService: DataService)
{
console.log(this.data); // undefined
}
ngOnInit()
{
console.log(this.dat
浏览 1提问于2018-03-21得票数 0
回答已采纳
2回答
我正在增强一个工具。请注意，这个工具将链接到测试程序，它将具有main( )功能，所以我的工具不能有main。该工具所具有的是测试程序将使用的许多功能。
现在另外，我想给这个工具添加一个计时器。这个想法是:当测试程序链接到这个工具并启动时，计时器应该自动启动。
如果这是C++，我就会创建一个带有构造函数的类，这样每当加载该类时，构造函数就会首先被调用，并且我可以在构造函数中初始化我的计时器。
如果这是Java，我会简单地创建一个全局静态块，并将计时器代码放在静态块中。
但是我的工具在Linux中是纯C语言的，那么我如何才能实现这个目标呢？
请帮帮我。
浏览 0提问于2011-06-08得票数 3
回答已采纳
1回答
我有以下路线：
path: 'task',
component: TaskComponent,
children: [
{
path: ':category/:id',
component: TaskEditComponent
}
]
在我的TaskComponent上，我有一个div的list，它是可点击的，并将重定向到上面的路径。
<div *ngFor="let url of urlList; let i = index" (click)="goToLink(url)"&
浏览 4提问于2017-05-23得票数 1
回答已采纳
我要做的是搜索结果在第二次点击n时被分解，而不是第一次反应js，我不会忘记发生了什么，在第二次点击，这不是动态的，使用了统计值
任何帮助都是非常感谢的。
handleChange(e) {
this.setState({ value: e.target.value });
}
handleSubmit(e) {
e.preventDefault();
this.setState({
listArr: this.props.list.filter(e1 => e1 === this.state.value),
});
this.props.searchItem
浏览 0提问于2018-08-22得票数 0
回答已采纳
1回答
class A{
public A(){ System.out.println("A constructor"); }
static { System.out.println("A static init block"); }}
class B extends A{
public B(){ System.out.println("B constructor"); }
static { System.out.println("B static init block"); }}
public cla
浏览 1提问于2022-02-27得票数 0
回答已采纳
2回答
角5服务为单例
、、
我在做角5号单例服务。在我看来，我所做的一切都是按照指导方针进行的，不幸的是，我的服务不是单身。每个组件似乎都在服务实例上。我的代码是这样的：
应用程序模块：
import { StarService } from './star-service/star-service'
import { StarSearchComponent } from './star-search/star-search.component'
import { StarReportComponent } from './star-report/star-report.compo
浏览 4提问于2017-12-22得票数 5
回答已采纳
我正在尝试从父组件中设置动态组件内部的反应性表单控件。
@ViewChild("priceSpecComp", { read: ViewContainerRef}) priceSpecComp: ViewContainerRef
LoadDynamicComponent(variant, addons) {
priceSpecComp.clear();
var comp = priceSpecComp.createComponent(PricingSpecDynamicComponent)
comp.instance.setFormControls(v
浏览 11提问于2022-07-30得票数 0
回答已采纳
好吧，我有两个用例来回答我的问题：
我正在开发一个具有/en/register路由的应用程序。当我在根目录下，点击一个执行this.router.navigate([this.routeParams.lang, 'register']);的按钮时，这一切都很好，这在构造函数(或ngOnInit，无论如何)中打开了一个使用($('#modalRegister') as any).modal('show');的模式。
这一切都很好，但是如果我关闭了模式，路径仍然是/en/register/ (是的，我可以让它转到/en，但是在您提出这个建议之前查
浏览 0提问于2017-09-24得票数 10
2回答
我有一个窗体，在窗体中，我根据所选择的内容添加和删除用户控件。有一个有两个标签的窗体，标签信息应该在用户控件加载时改变，但它永远不会改变，它保持相同的值。现在，我在用户控件的加载上添加了一个断点。而且它只被点击一次，其他时候它只是导航到那里，但再也不会加载了。
private void SummaryScreen_OnLoad(object sender, EventArgs e)
{
lblSavingsBalance.Text = Global.Instance.Accounts[1].AccountBalace.ToString();
lblCheckingBalance
浏览 0提问于2012-04-10得票数 0
回答已采纳
在中，有以下关于组件构造函数中的代码的技巧(我强调了第二段)：
在ngOnInit中调用它
虽然可以在构造函数中调用getHeroes()，但这并不是最佳实践。
为简单初始化保留构造函数，例如将构造函数参数连接到属性。构造函数不应该做任何事情。当然，它不应该像真正的数据服务那样调用向远程服务器发出HTTP请求的函数。
相反，在getHeroes()中调用，并在构造HeroesComponent实例后的适当时间让ngOnInit角调用。
服务方面呢？在构造函数中有一个HTTP调用(仅仅是在本地存储Observable的异步请求的启动)是否也不好呢？服务没有ngOnInit()事件，那么服
浏览 0提问于2018-05-04得票数 10
从长远来看，我正在使用Ionic存储存储数据。现在，当我进入统计页面时，我想检索数据，所以我调用了我创建的服务，并在统计数据页面的ngOnInit中编写了方法，但是如果我正确地理解了这个问题，它就不会识别存储类的实例化，但奇怪的是，当我在ionViewWillEnter()中编写方法时，它确实工作。我同时完成了ngOnInit和ionViewWillEnter异步，但是仍然收到了ngOnInit的错误。如果我没有错的话，我可以使用ionViewWillEnter技巧--这类似于在我的用例中调用ngOnInit中的方法，但是我仍然好奇它为什么会给我带来错误。
统计网页TS：
import { S
浏览 4提问于2021-05-29得票数 0
回答已采纳
3回答
我正试图在一个组件中使用我的数据服务，但是当我点击按钮时，它给出了错误，并显示数据服务未定义。
下面是我的组件文件：
export class ProductsComponent implements OnInit {
dataSource: any;
priority: any[];
e: any;
constructor(public dataService: DataService) {
// data source stuff...
}
ngOnInit() {
console.log(this.dataService) //succes
浏览 6提问于2020-10-20得票数 0
1回答
我试图在用户点击页面时启动音频(因为autoplay在大多数浏览器上不再有效)，我在ngOnInit上使用了eventlistener来做到这一点，它在第一次点击时工作得很好。我的问题是，当我点击多次，音频开始播放多次，所以我需要删除它的收听者。我已经尝试了一种基本的解决方案，比如使用once: true标志或在音频播放后删除侦听器，但都没有成功。这是我正在使用的代码片段：
ngOnInit() {
document.querySelector('ion-content').addEventListener('click', this.playAudio
浏览 17提问于2021-05-21得票数 0
回答已采纳
2回答
我有两个组件: TileComponent.ts和FullScreenComponent.ts。
单击TileComponent后，FullScreenComponent就会打开。在TileComponent中，我有以下代码。ngOnInit()方法在TileComponent加载时被触发。
TileComponent.ts:
ngOnInit() {
console.log("TileCompnent :ngOnInit");
this.crossDomainService.globalSelectors.subscribe(selector
浏览 0提问于2019-02-18得票数 0
我正在尝试仅在某些屏幕上禁用android中的物理设备。尝试下面的代码不起作用。有什么想法吗？
import { RouterExtensions } from "nativescript-angular";
import * as application from "application";
import { AndroidApplication, AndroidActivityBackPressedEventData } from "application";
import { isAndroid } from "pla
浏览 1提问于2018-11-14得票数 0
我的jquery有问题，但找不到原因。当我第一次点击我的链接时，什么也没有发生。在第二次点击时，我的链接起作用了。这是我的代码。
aplication_helper.rb
def link_to_share(name, url)
link_to_function(name, "share_link(name, url)")
end
我的jquery文件
function share_link(link, url)
{
$(link).click(function() {
window.open('http://www.facebook.com/shar
浏览 0提问于2011-08-21得票数 0
回答已采纳
我正在尝试调用一个JS函数，该函数在页面加载后第一次单击按钮时触发弹出。然后第二次点击就有了不同的功能，我不知道如何使它工作，而且我在它上发现的任何东西都很难适应。
这是弹出窗口：
下面是当前按钮的元素。
<a ng-class="{true : 'cart-checkout-button disabled', false : 'cart-checkout-button'}[data.DisableCheckout]" ng-click="PlcaOrder()" >
浏览 4提问于2020-08-06得票数 1
回答已采纳
我有一个网络应用程序，用户可以选择一些产品购买。他可以中断配置进程，然后重新启动它。现在我用localStorage保存有关产品、价格的信息.
我有一个页面，其中有一个包含用户报价的表，他可以单击并继续配置产品，但我在这里遇到了一个问题。
假设您已经启动了一个产品的配置，然后中断它。现在转到表页(包含所有报价的页面)，当单击按钮为另一个产品恢复另一个配置时，sytesm调用以重建产品的信息，一旦所有调用完成，我将信息保存在localStorage中，然后使用this.router.navigate ([/destination)]
在我到达的那一页里：
constructor(){
t
浏览 5提问于2022-11-09得票数 -1
回答已采纳
请解释在这段代码中，当我调用另一个方法时，如何再次调用ngOnInit()？
ngOnInit(): void {
this.route.params.subscribe((params: Params) => {
this.model = this.userData;
});
}
update() {
this.loading = true;
this.userService.update(this.model).subscribe(
(data) => {
alert('Update successful');
浏览 3提问于2017-07-06得票数 24
回答已采纳
我的问题是，我已经创建了孩子的对象，并第一次显示孩子。但是当第二次我只想从父母那里改变孩子标签的值时，我不想显示另一种形式。这是我的密码。
第一次
ChildForm ObjChild = new ChildForm("Hi");
ObjChild.Show();
第二次，我只想用“再见”代替“嗨”。
ChildForm ObjChild = new ChildForm("H!");
ObjChild.BringToFront();
因为子窗体已经打开了。这是我的孩子表格
public Form1(string p_Param)
{
InitializeComp
浏览 3提问于2015-03-02得票数 0
回答已采纳
所以我的页面顶部有一组导航链接。
其中一个链接到用户拥有的显示名称和描述的硬件列表。
我点击导航链接和我的硬件列表，如果渲染良好。
进入数据库，更改其中一个硬件部件的名称。
现在，我在页面上再次单击导航链接。我希望脊骨能再次呈现这一页。但事实并非如此。
每次调用render时，我都会将消息打印到控制台。第二次单击不会在视图上运行呈现函数。
我设想当已经打开的路由被激活时，骨干网阻止重新呈现视图或调用事件。当我第二次点击导航链接时，有没有办法让它重新打开已经打开的视图？
浏览 1提问于2014-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
