title: Angular child component not firing change event on list
body: <p>I have got one parent component that makes an ajax call and gets the data from the backend for grid. For rendering grid data I have created one child component where I am passing the list as an in binding but whenever I am changing list in my parent component the child component never fires onchange event. My code is below. One more thing I am using these parent and child components under another component which is using shitty kendo tabstrip. I am using tabstrip for official reason but I just hate all the kendo controls at the moment they are designed for jquery but getting sold with label of angular comaptible</p>
  
  <p>Parent component</p>
  
  <pre><code>&lt;div layout="column"&gt;
      &lt;md-content&gt;
          &lt;div layout="row"&gt;
              &lt;member-mvlicense-grid member-id="vm.memberId"&gt;&lt;/member-mvlicense-grid&gt;
          &lt;/div&gt;
      &lt;/md-content&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Child component</p>
  
  <pre><code>&lt;md-content&gt;
      &lt;div kendo-grid="vm.grid" options="vm.gridOption" ng-style="{'height':vm.gridHeight}"
           k-on-change="vm.handleChange(data, dataItem, columns)"&gt;&lt;/div&gt;
  &lt;/md-content&gt;
  </code></pre>
  
  <p>Parent on change event</p>
  
  <pre><code>public $onChanges(onChangesObj: angular.IOnChangesObject): void {
              //this.dataList = new Array&lt;model.member.IMembersMVLicensesResult&gt;();
              if (this.memberId &amp;&amp; this.memberId.toString().toLowerCase() != "add") {
  
  
  this.membersMVLicensesService.getByMemberId(this.memberId).then((response) =&gt; {
                  this.timeString = new Date().getTime().toString();
                  let someValue = response;
                  this.dataList = someValue;
                  console.log(this.dataList);
              }, (error) =&gt; {
  
              });
          }
      }
  </code></pre>