title: Unable to destroy knockout binding (MetroJS) when navigate to other tabs
body: <p>I am using typescript and Knockout. In my example, I can create tiles and set transactions using kendo custom editor such as fade in fade out or carousel. Based on the timer set for the tile, data will be displayed. However, when I navigate to other tabs, the timer event tries to find tile data which is no longer available, results in throwing an error. I want to ensure when navigated to other tabs, all the tiles having transaction events must be destroyed or unbind. I have tried using  ko.utils.domNodeDisposal.addDisposeCallback(element, function () but it never gets called.</p>
  
  <pre><code> init: (element: any, valueAccessor: any, allBindings: any, viewModel: any, bindingContext: any): void =&gt; {
  
          tileState.editableTileInit(element, valueAccessor, viewModel);
          ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
              console.log("I have been called");
          });
      },
      update: (element: any, valueAccessor: any, allBindings: any, viewModel: any, bindingContext: any): void =&gt; {
  
          tileState.editableTileUpdate(element, valueAccessor, viewModel);
      }
  </code></pre>
  
  <p>init method will create tiles</p>
  
  <pre><code>if (viewModel.editMode() === true) LiveTiles.setupClickHandler(element, viewModel, true);
  
  var sub = viewModel.editMode.subscribe(x =&gt; LiveTiles.setupClickHandler(element, viewModel, x));
  
  ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
      sub.dispose();
      TileEditor.destroyEditor(element, viewModel);
      LiveTiles.destroyTile(element, viewModel);
  });
  </code></pre>
  
  <p>update method will update the tiles if the user updates the tile at runtime. </p>
  
  <pre><code> TileEditor.destroyEditor(element, viewModel);
      LiveTiles.createTile(element, viewModel);
      if (LiveTiles.shouldRecreateClickHandler(viewModel) === true) {
          LiveTiles.setupClickHandler(element, viewModel, viewModel.editMode());
      }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/7GKsG.png" rel="nofollow noreferrer">Tile window</a></p>
  
  <p><a href="https://i.stack.imgur.com/wdXAu.png" rel="nofollow noreferrer">Error when navigated to other tabs</a></p>