Question

这是来自ng-book2的段落：默认情况下，Javascript将click事件传播到所有父组件。由于click事件会传播到父级，因此我们的浏览器会尝试按照空链接进行操作。要解决这个问题，我们需要使click事件处理程序返回false。这将确保浏览器不会尝试刷新页面。

问题：如何知道浏览器是否重新加载？我不能用眼睛察觉它。

以下是我的代码的一部分：

import { Component } from "angular2/core";

@Component({
    selector: 'reddit-article',
    inputs: ['article'],
    templateUrl: 'app/redditArticle.html'
})

export class RedditArticleComponent {

    article: Article;

    constructor() {
       console.log('Just loaded!');
    }

    voteUp() {
        this.article.voteUp();
    }

    voteDown() {
        this.article.voteDown();
    }
}

export class Article {
    //title: string;
    //link: string;
    //votes: number;

    constructor(public title: string, public link: string, public votes: number) {
        //this.title = title;
        //this.link = link;
        //this.votes = votes;
    }
    voteUp(): boolean {
        this.votes++;
        return false;
    }

    voteDown(): boolean {
        this.votes--;
        return false;
    }

}

Answer 1

export class AppComponent {
  constructor() {
    console.log('just loaded');
  }
}

当您打开浏览器开发工具时，您知道在打印其他just loaded时会发生重新加载。确保在控制台（Chrome）中选中[x] preserve log。

Angular2：如何知道浏览器是否重新加载？

1 个答案: