MDL определенно тот, который лучше документирован (я не нашел никакой хорошей документации по материалу Angular2). Я думаю, что из-за этого MDL (в настоящее время) лучший выбор. Отрицанием MDL является то, что он не интегрирован в машинописный/угловой2.
Если вы собираетесь использовать компоненты MDL в своих шаблонах с компонентами Angular 2, вы можете расширить свой компонент из-за чего-либо, чтобы зарегистрировать компоненты MDL: (в противном случае анимация MDL не будет работать, поскольку они зависят от Код JavaScript)
declare var componentHandler: any;
export class MaterialTemplate {
ngAfterViewInit(){
componentHandler.upgradeAllRegistered();
}
}
Usage будет что-то вроде этого:
@Component({
selector: 'my-selector',
template: `
<form action="#">
<div class="mdl-textfield mdl-js-textfield">
<input value="{{bleh}}" class="mdl-textfield__input" type="text" id="sample1">
<label class="mdl-textfield__label" for="sample1">Text...</label>
</div>
<button (click)="action()" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
create
</button>
</form>`
})
export class CreateComponent extends MaterialTemplate {...}
После Angular2 Материал из альфа и имеет некоторую документацию, я бы переключиться на что, хотя.