如果我设置border-radius: 100000px一个元素它将是一个完美的半径.如果我设置border-radius: 100%我得到一个完全不同的结果.
.test {
background: red;
width: 150px;
height: 50px;
}
.border1 {
border-radius: 10000px;
}
.border2 {
border-radius: 100%;
}Run Code Online (Sandbox Code Playgroud)
Correct
<div class="test border1"></div><br>
Weird
<div class="test border2"></div>Run Code Online (Sandbox Code Playgroud)
有没有办法使用另一个单位来获得相同的结果10000px?我的元素大小可能未知.
我最近开始使用角度材料,我正在努力/不确定打开/关闭mat菜单......我在角度材料文档网站的示例中看到,他们为菜单分配了一个id,然后将指令应用于用于切换菜单的按钮.例如[matMenuTriggerFor]="menu"
我怎样才能编写一个指令呢?我不确定如何将对特定菜单的引用传递给指令,然后该指令toggle()在具有该ID的DOM元素上调用该方法?
以下代码生成错误:
无法绑定到'matMenuTriggerFor',因为它不是'button'的已知属性.
"exportAs"设置为"matMenu"没有指令.
我的代码:
<li>
<button mat-icon-button [matMenuTriggerFor]="stockSystemMenu">
<mat-icon class="sn-item">
<i class="material-icons">archive</i>
</mat-icon>
</button>
<span class="sn-item" (click)="toggleMenu(stockSystemMenu)">Stok System</span>
<mat-menu #stockSystemMenu="matMenu">
<button mat-menu-item>
<mat-icon>
<i class="material-icons">chevron_right</i>
</mat-icon>
<span>Service 1</span>
</button>
</mat-menu>
</li>
Run Code Online (Sandbox Code Playgroud)