2017-12-10 34 views
0

ルートの後、私はその機能を持つ私が持っている場合たとえば、私の角4プロジェクトに含まれる外部JSファイル、(日付ピッカー)があります。別のページへリロードJSアンギュラ4

var date_select_field = $('input[name="datetimepicker"]'); 
     if (date_select_field.length) { 
      var start = moment().subtract(29, 'days'); 

      date_select_field.daterangepicker({ 
       startDate: start, 
       autoUpdateInput: false, 
       singleDatePicker: true, 
       showDropdowns: true, 
       locale: { 
        format: 'DD/MM/YYYY' 
       } 
      }); 
      date_select_field.on('focus', function() { 
       $(this).closest('.form-group').addClass('is-focused'); 
      }); 
      date_select_field.on('apply.daterangepicker', function (ev, picker) { 
       $(this).val(picker.startDate.format('DD/MM/YYYY')); 
       $(this).closest('.form-group').addClass('is-focused'); 
      }); 
      date_select_field.on('hide.daterangepicker', function() { 
       if ('' === $(this).val()) { 
        $(this).closest('.form-group').removeClass('is-focused'); 
       } 
      }); 

     } 

場合、私のルートをDOMは、この機能があり、どのページにリンクされているかを知ることができないのでlocalhost/registerは、その後、日付ピッカーが動作しません、前のページに戻ります。

だから、すべてのルートでjsファイルを再ロードするにはどうすればよいですか?

+0

ngOnInitにコードを挿入するのはどうですか? – Eliseo

答えて

1

jsをローカルでtsファイルにインポートするには、次のようにします。import '../../../scripts/custom.js';

次に、このように使用するcustom.jsのメソッド名を宣言します。 declare var fAlert; 次にngOnInitのような場所でこのメソッドを直接使用します。

fAlert();

関連する問題