Javascript和AngularJS2。为什么javascript脚本会过早触发并假设不起作用。

时间:2016-04-25 09:55:38

标签: javascript angularjs html5 css3

我的javascript脚本有问题。我以前用javascript编程,这个问题没有出现。我正在使用angular和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>

Bootply: http://www.bootply.com/oeHSnaPyCZ

所有关于的网站: http://www.iqdrone.pl/dpawlik/eprzychodnia/#/logowanie

如果有人能帮助我,我将非常感激。特别是在这个问题上,为什么我的脚本不能在组件模板url中运行。 在此先感谢:)

2 个答案:

答案 0 :(得分:1)

在Jquery中使用timeout函数,以便延迟该事件的发生。

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

多数民众赞成,现在脚本早期解雇问题将得到解决。

答案 1 :(得分:0)

解: 在* .ts文件中,您必须添加:

ngOnInit()
{

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

}

此函数保证当角度结束时,将运行函数set_home_page();