Наскільки я знаю, ви можете використовувати всі згадані технології окремо або разом. Тобі вирішувати. Я думаю, що ви дивитесь на проблему з неправильного кута. Дизайн матеріалів - це лише те, як окремі елементи сторінки розробляються, поводяться та складаються разом. Матеріал дизайну забезпечує чудовий інтерфейс / UX, але він спирається на графічний макет (HTML / CSS), а не на JS (події, взаємодії).
З іншого боку, AngularJS і Bootstrap - це фронтальні рамки, які можуть прискорити ваш розвиток, заощадивши вас від написання тонн коду. Наприклад, ви можете створити веб-додаток, використовуючи AngularJS, але без Material Design. Або ви можете створити просту веб-сторінку HTML5 за допомогою Дизайну матеріалів без AngularJS або Bootstrap. Нарешті, ви можете створити веб-додаток, який використовує AngularJS з Bootstrap та з Material Design. Це найкращий сценарій. Всі технології підтримують один одного.
- Bootstrap = чуйна сторінка
- КутовийJS = MVC
- Дизайн матеріалу = великий UI / UX
Ви можете перевірити дивовижні компоненти дизайну матеріалів для AngularJS:
https://material.angularjs.org

Демо: https://material.angularjs.org/latest/demo/
