角2テンプレートワイドJavaScript

Question

いくつかのテンプレートJavaScriptを持つAngular 2アプリケーションを作成しました（たとえば、メニューを開く/作成する、コンテンツパネルを閉じるなど）。私はこのタイプの「テンプレートワイド」JavaScriptを保存するにはどうすればよいだろうと思っていましたか？例えば

：

// Panel toolbox 
$(function() { 
    $('.collapse-link').on('click', function() { 
     var $BOX_PANEL = $(this).closest('.x_panel'), 
      $ICON = $(this).find('i'), 
      $BOX_CONTENT = $BOX_PANEL.find('.x_content'); 

     // fix for some div with hardcoded fix class 
     if ($BOX_PANEL.attr('style')) { 
      $BOX_CONTENT.slideToggle(200, function(){ 
       $BOX_PANEL.removeAttr('style'); 
      }); 
     } else { 
      $BOX_CONTENT.slideToggle(200); 
      $BOX_PANEL.css('height', 'auto'); 
     } 

     $ICON.toggleClass('fa-chevron-up fa-chevron-down'); 
    }); 

    $('.close-link').click(function() { 
     var $BOX_PANEL = $(this).closest('.x_panel'); 

     $BOX_PANEL.remove(); 
    }); 
}); 

は、私は、コンテンツパネルを持っている各コンポーネントに使用する必要がありますいくつかのJavascriptです。私は各コンポーネントでのインポートが必要ですか？または、カスタムディレクティブを作成してルートコンポーネントにインポートできますか？

編集：私はこのjqueryを使用すべきではありませんが、私はタイプコードでコードを書くだけです。私の質問はまだ残っています：

各コンポーネントで頻繁に使用される関数をインポートする必要がありますか、または親コンポーネントで関数を定義して子コンポーネントで使用することはできますか？

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.