New templating for components having custom content templates

[cagataycivici]

Some examples are dropdown, autocomplete, listbox where we lose the ability to bind events in angular way so had to do direct dom access which causes bunch of other issues. Instead use the trick at;

http://stackoverflow.com/questions/36730210/binding-events-when-using-a-ngfortemplate-in-angular-2/36732644

Old syntax was;

<p-dropdown [options]="opts">
   <template let-car>
       <li>
        content here
       <li>
   </template>
</p-dropdown>

New syntax should be;

<p-dropdown [options]="opts">
   <template let-car>
        content here
   </template>
</p-dropdown>

So no need for li elements defined by user template, we'll create them internally and use angular bindings, in the old way we had to bind events with native javascript to the wrapper ul element.

This fixes many issues and helps us to do things angular2 way.

List is;

• Dropdown
• AutoComplete
• Listbox
• PickList
• OrderList
• DataList
• DataScroller
• Carousel