md-chips在线使用方法

Question

我试图在一行中使用 angular material 的 md-chips 指令，但是当我添加的筹码多于某个字段的大小时，该字段会在底部添加一行，如下所示 image.

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.: 不要忘记文档声明：

Warning: This component is a WORK IN PROGRESS. If you use it now, it will probably break on you in the future.

md-chips在线使用方法

How to use md-chips in line

angular-material