Question

我尝试在单行中使用角度材质的md-chips指令，但是当我添加的字符大于字段大小时，该字段会添加一行到底，如{{3} }。

Answer 1

我认为您需要一个CSS解决方法来调整输入表单中md-chips的行为。

例如，您可以使用此CSS：

/* reduce input element (not visible till the user begins editing) width */
.md-chips .md-chip-input-container input {
  max-width: 20px;
}

 /* adapt input to md-chip height */
.myheight {
  height: 49px !important;
}

/* adapt datepicker input to md-chip height */
.md-datepicker-input {
  height: 49px;
}

以下是演示：http://codepen.io/beaver71/pen/gPqPBW

P.S。：不要忘记文档声明：

警告：此组件正在进行中。如果你现在使用它，它将来可能会破坏你。

如何在线使用md-chips

1 个答案: