Angularjs 角度材质选项卡不会更改其内容

我开始学习AngularJS和AngularMaterial

我在理解md选项卡时遇到问题

<section layout="row">
    <div layout="column"><img id="ApplicationLogo" src="https://material.angularjs.org/latest/img/icons/angular-logo.svg"></div>
    <div layout="column" id="ApplicationTitle" layout-align="center start">Application Title</div>
    <div layout="column" id="ApplicationWelcome" flex layout-align="center end">Angemeldet als Test User</div>
    <div layout="column" layout-align="center center"><img id="ApplicationAvatar" src="http://findicons.com/files/icons/1072/face_avatars/300/d05.png"></div>
</section>

申请名称
Angemeldet als测试用户

下面是一个演示：

---

是否有任何提示说明为什么我的选项卡不更改其内容？

您链接到了错误的角度材质css版本

您使用了angular-material.js 1.0.7和angular-material.css 1.1.0-rc2

更改为正确版本的css应该可以工作。（/1.0.7/angular material.css）

它不起作用的原因是在1.0.7中所需的css类md Visualy hidden在1.1.0中被重命名为_md-Visualy-hidden

---

除非你要求，否则我不想谈太多细节。但是请尝试更正版本，看看会发生什么。

您是对的，先生。我用正确的源代码制作了一个jsfiddle，它在。如果您愿意，您可以将此添加到您的答案中。（很抱歉，我无法向您投票，因为我的每日限额已满，但这应标记为正确答案）。