title: How to add buttons dynamically in Kendo UI toolbar?
body: <p>I have a problem with the Kendo UI toolbar. Actually, every buttons are loaded during the toolbar initialization. </p>
  
  <p>But some requirements ask to add buttons dynamically.</p>
  
  <p>Here is a sample of how we load the buttons in a page controller:</p>
  
  <pre><code>...
  $scope.toolbarButtons = [{
      type: 'button',
      text: 'Button 1',     
      click: 'clickButton1'
  }, {
      type: 'toggleButton',
      text: 'Button 2'
  }, {
      type: 'button',
      text: 'Button 3'
  }
  ...
  </code></pre>
  
  <p>And how we add the toolbar and pass the buttons to the directive :</p>
  
  <pre><code>&lt;toolbar buttons="toolbarButtons"&gt;&lt;/toolbar&gt;
  
  return {
      scope: false,
      restrict: 'E',
      template: '&lt;div kendo-toolbar="toolbar"&gt;&lt;/div&gt;',
      controller: 'ToolbarController',
      link: function ($scope, element, attr) {
  
          $scope.buttons = $scope[attr.buttons];
  
          // Code to manage the toolbar
          ...
      };
  </code></pre>
  
  <p>I tried to change the scope binding of the buttons array:</p>
  
  <pre><code>scope: {
      buttons: '='
  }
  </code></pre>
  
  <p>But when I add a button in the toolbarButtons array, the button is not displayed.</p>