如何在AngularJSand/orAngularJSMaterial中开发这个布局？

Question

我有以下代码：

div
    div Test1
    div(flex)
    div 12
    div(ng-show=“someCondition”, class="triangleLeft")

如果显示三角形，它会将 12 推向左侧。是否能够 hide/show 三角形而不使用 AngularJS and/or AngularJS Material 将 12 向左推？

这是我的 Plunk :)

Answer 1

Here 是你的 plunk

的分叉版本

父div相对定位应该是这样

position: relative;

triangle 或 chevron 必须绝对定位，应该像这样放在 right: 0px 处

position: absolute;
right: 0px;

现在您可以看到三角形没有将文本 12 推到左侧。但是你可以看到它隐藏了文本。您可以像下面那样向父 div 添加 right/left 填充，这样它看起来更好

 padding: 0 10px;