title: Sightly: Adding components dynamically on wcmmode edit
body: <p>I am using sightly and angular 4 for my AEM project. I have a requirement in which i have a parent component, and on the edit mode, the parent component should have a button to add another pre existing component. I am able to do this without slightly, with this function,</p>
  
  <pre><code>addCmp: function () {
      var component = this;
      var cmp = CQ.WCM.getEditable(component.path + '/par/*');
      var flCmp = CQ.WCM.getComponentConfig('path of the component to be added');
      if (cmp.createParagraph(flCmp) === null) {
           console.warn('Could not add pane to this paragraph, check design settings');
      }
  }
  </code></pre>
  
  <p>and this function is present in dialog.js in clientlibs-wcmedit of my component.
  How to achieve this same functionality with sightly and Angular 4 in AEM</p>