Can I extend an Angular 2 component without declaring the template every time
<p>I have the <a href="https://plnkr.co/edit/FSnJ3jjSp6AhlZHBxbzW" rel="nofollow noreferrer">following plunker</a>. It is fairly straight forward, however, now I would like to take advantage of TS Inheiratence so I create another constructor like this...</p>

<pre><code>constructor(items: Array&lt;NavItem&gt;){
  this.items = items;
  console.log("New Route Called")
}
</code></pre>

<p>So I would like to do something like this...</p>

<pre><code>@Component({
  selector: "my-other-component"
})
export class MyOtherComponent extends App{
  constructor(){
    super([new NavItem("Other Test 1", "/test/1")]);
  }
}
</code></pre>

<p>I tried something like this but <a href="https://plnkr.co/edit/5XPZqLrmEIMs39witdZw" rel="nofollow noreferrer">couldn't get it working</a>...</p>

<p>But then I have to import the template multiple times which I would like to avoid.</p>