angular Material选项卡不会更改其内容

时间:2016-05-28 09:48:02

标签: angularjs angular-material

我开始学习AngularJS和Angular Material。

我在理解md-tabs时遇到了问题。

<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>

以下是演示:http://plnkr.co/edit/72ZNb70BjSM6xP7RnSvH?p=preview

为什么我的标签不会更改其内容的任何提示?

1 个答案:

答案 0 :(得分:0)

你链接到错误的角度材料css版本。

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

更改为正确版本的CSS应该工作。 (/1.0.7/angular-material.css)

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

除非你要求,否则不要过多详细介绍。但请尝试更正版本,看看会发生什么。