Javascript 和 AngularJS2.为什么 JavaScript 脚本过早触发并假设不起作用

Javascript and AngularJS2. Why javascript script fires too early and suppose not working.

本文关键字：假设 不起作用 AngularJS2 为什么 JavaScript 脚本 Javascript      更新时间：2023-09-26

我的javascript脚本有问题。我以前用javascript编程过，这个问题没有出现。我正在用角度和javascript编写网站，但这效果不佳。首先，当我尝试将<script></script>放入组件模板时，它甚至无法运行。下一个问题是我被迫将指向外部脚本的链接放在索引中，这个脚本看起来像这样：

$(window).load(function()
{
    $(".home_page_well").css({opacity:0.5});
    $("#system_epop_h6").hide();
    $("#kto_moze_korzystac_h6").hide();
    $("#co_zrobic_uzytkownik_h6").hide();
});

HTML 看起来像这样：

<div class="col-sm-12 well home_page_well system_epop">
                <img src="assets/img/question_mark.png"  alt="Co to jest?" class="img-rounded home_img center-block"/>
                <h4>
                    CZYM JEST SYSTEM EPOP?
                </h4>
                <h6 id="system_epop_h6">
                    System EPOP jest platformą pozwalającą na łatwy dostęp do wszystkich danych, które posiada przychodnia. Upraszcza także rejestrację do lekarza
                </h6>
            </div>
            <div class="col-sm-12 well home_page_well kto_moze_korzystac">
                <img src="assets/img/question_who.png"   alt="question_who" class="img-circle home_img center-block"/>
                <h4>
                    KTO MOŻE KORZYSTAĆ Z EPOP?
                </h4>
                <h6 id="kto_moze_korzystac_h6">
                    Wszyscy pacjenci przychodni a także jej pracownicy.
                </h6>
            </div>
            <div class="col-sm-12 well home_page_well co_zrobic_uzytkownik">
                <img src="assets/img/palm_shake.png"  alt="palm_shake" class="img-circle home_img center-block"/>
                <h4>
                    CO ZROBIĆ, ABY STAĆ SIĘ UŻYTKOWNIKIEM SYSTEMU
                </h4>
                <h6 id="co_zrobic_uzytkownik_h6">
                    Należy się zarejestrować poprzez panel pacjenta, lub zadzwonić do przechodni wtedy wszystkie operacje przeprowadzi wykwalifikowany personel.
                </h6>
            </div>

引导：http://www.bootply.com/oeHSnaPyCZ

网站就是这样：http://www.iqdrone.pl/dpawlik/eprzychodnia/#/logowanie

如果有人能帮助我，我将不胜感激。尤其是这个问题，为什么我的脚本无法在组件模板 url 中运行。提前致谢:)

使用 Jquery 中的超时函数，以便延迟该事件的发生。

setTimeout(function(){
	 $(".home_page_well").css({opacity:0.5})
	 $("#system_epop_h6").hide()
	 $("#kto_moze_korzystac_h6").hide()
	 $("#co_zrobic_uzytkownik_h6").hide()
}, 1000);

就是这样，现在脚本提前触发问题就解决了。

解决方案：在 *.ts 文件中，必须添加：

ngOnInit()
{
   //write here for example my_init_function(); which have to be declared in Your *.js file
}

此函数保证函数set_home_page();在角度结束时运行。

相关文章：