Materialise CSS和Angular 4 Initialize无法正常工作

Question

我的Angular 4 App中有一个sidenav和一个来自Materialise CSS的select-tag。当您在定义sidenav和select-tag的页面上刷新页面时，它们都有效。为了澄清，我在我的注册页面上使用了一个select-tag（route = / register）。当我启动应用程序时，我被定向到/ login，如果我然后进入/注册，则不显示选择标记。当我刷新页面时，我可以看到select标签。

我在index.html中初始化我的标签，如下所示：

 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
  <script>
    $(document).ready(function() {
      $('select').material_select();
    });
  </script>
  <script>
    (function ($) {
      $(function () {

        $('.button-collapse').sideNav({
          edge: 'left', // Choose the horizontal origin
          closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
        });

      }); // end of document ready
    })(jQuery); // end of jQuery name space
  </script>

此代码有效但仅在我刷新使用标记的页面时才有效。我该如何解决这个恼人的问题？