如何在AngularJS和/或AngularJS材料中开发此布局？

Question

我已经以下代码：

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

如果显示的三角形，它会推12到左侧。是否可以使用AngularJS和/或AngularJS材料将12推向左侧而隐藏/显示三角形？

这里是我的Plunk :)

Answer 1

Here是你的普拉克的分支版本

父div应相对定位的这样

position: relative; 

的triangle或chevron必须绝对应定位在right: 0px这样的

position: absolute; 
right: 0px; 

现在您可以看到三角形不会将文字12向左推。但是你可以看到它隐藏了文本。你可以像下面添加一个右/左填充到父div，所以它看起来更好

padding: 0 10px;