Góc 2 thực thi tập lệnh sau khi tạo mẫu

Question

Vì vậy, tôi có thành phần thanh trượt này sử dụng javascript materializecss. Vì vậy, sau khi nó được trả lại, tôi cần phải thực hiện

$(document).ready(function(){ 
    $('body').on('Slider-Loaded',function(){ 
     console.log('EVENT SLIDER LOADED'); 
     $('.slider').slider({full_width: true}); 
     $('.slider').hover(function() { 
      $(this).slider('pause'); 
     }, function() { 
      $(this).slider('start') 
     }); 
    }); 
}); 

Nhưng tôi không hoàn toàn biết nơi để đặt dòng này từ nguyên cảo/góc thẻ remove kịch bản trong các mẫu. Tôi đã bao gồm JQuery trong các tập tin ts và hy vọng sẽ sử dụng hệ thống sự kiện, nhưng điều đó dường như không hoạt động. Ý tưởng nào? Dưới đây là đoạn code của file ts:

/// <reference path="../../typings/main.d.ts" /> 
import {Component, Input} from 'angular2/core'; 
import { RouterLink } from 'angular2/router'; 
import {ServerService} from './server'; 


@Component({ 
    selector: 'slider', 
    templateUrl:'/app/template/slider.html', 
    directives: [ ], 
}) 

export class SliderComponent { 
    @Input() images; 
    private server: ServerService; 
    public constructor(server: ServerService){ 
     this.server = server; 
    } 

    ngOnInit() { 
     console.log("THROWING EVENT"); 
     $('body').trigger('Slider-Loaded'); 
    } 
} 

Answer 1

ngAfterViewInit() của AppComponent là một callback vòng đời gọi kiễu góc sau khi thành phần gốc và đó là trẻ em đã được trả lại và nó phải phù hợp với mục đích của bạn.

Xem thêm https://angular.io/guide/lifecycle-hooks

Answer 2

Tôi đã sử dụng phương pháp này (báo cáo here)

export class AppComponent { 

    constructor() { 
    if(document.getElementById("testScript")) 
     document.getElementById("testScript").remove(); 
    var testScript = document.createElement("script"); 
    testScript.setAttribute("id", "testScript"); 
    testScript.setAttribute("src", "assets/js/test.js"); 
    document.body.appendChild(testScript); 
    } 
} 

nó làm việc cho tôi kể từ khi tôi muốn thực hiện một tập tin javascript SAU COMPONENT LÀM CHO.