Tanto quanto sei, você pode usar todas as tecnologias mencionadas separadamente ou em conjunto. Você decide. Eu acho que você olha o problema do ângulo errado. Design de material é exatamente a maneira como determinados elementos da página são projetados, se comportam e compõem. O Design de material fornece excelente interface do usuário / UX, mas depende do layout gráfico (HTML / CSS) em vez de JS (eventos, interações).
Por outro lado, AngularJS e Bootstrap são estruturas de front-end que podem acelerar o seu desenvolvimento, poupando-o de escrever toneladas de código. Por exemplo, você pode criar um aplicativo da Web utilizando o AngularJS, mas sem o Material Design. Ou você pode criar uma simples página da Web HTML5 com o Design de materiais sem AngularJS ou Bootstrap. Por fim, você pode criar um aplicativo da Web que use o AngularJS com o Bootstrap e com o Material Design. Este é o melhor cenário. Todas as tecnologias se apoiam.
- Bootstrap = página responsiva
- AngularJS = MVC
- Design de material = ótima interface do usuário / UX
Você pode verificar componentes impressionantes de design de material para o AngularJS:
https://material.angularjs.org
Demonstração: https://material.angularjs.org/latest/demo/