Angularjs 如何使布局中的材质卡像URL一样工作?

Angularjs 如何使布局中的材质卡像URL一样工作?,angularjs,angular-material,Angularjs,Angular Material,我不熟悉棱角材料。我在行布局中使用材质卡。我希望这些卡的行为类似于URL。当我右键单击它们时,我希望有一些选项,例如在新选项卡中打开以及所有选项。如果您能帮助我,那就太好了。实际上,按照上面@jeff carey的建议,用标签包装是可行的,我刚刚在Chrome浏览器中尝试过: <a href="http://google.com" style="display:block"> <md-card> <md-card-content>

我不熟悉棱角材料。我在行布局中使用材质卡。我希望这些卡的行为类似于URL。当我右键单击它们时,我希望有一些选项,例如在新选项卡中打开以及所有选项。如果您能帮助我,那就太好了。

实际上,按照上面@jeff carey的建议,用标签包装是可行的,我刚刚在Chrome浏览器中尝试过:

<a href="http://google.com" style="display:block">
    <md-card>
        <md-card-content>
             TEST
        </md-card-content>
    </md-card>
</a>


但从意识形态的角度来看,这似乎不太好。

将它们包装起来不起作用?如果我尝试这样做,那么布局就不起作用了。你可以使用菜单或按钮。我不想使用它。在这一点上,你似乎在与棱角材料规范作斗争,试图让组件做一些本来不该做的事情。我认为最好的办法是创建一个新组件,将其内容包装在锚定标记中。