2

我正在尝试以 md-input-containers 中的形式将 md-chips 与其他输入一起使用。

我必须添加自己的 css hack 来获取输入的占位符文本，并应用填充和边距以使其看起来尽可能接近 md-input-container 中的输入。

我知道我不能让 md-chips 在 md-input-container 中工作（我认为它还不支持）

这是我如何输入一个 md-chips 后出现的：

<div layout="row">
    <md-input-container flex>
        <label translate>Name</label>
        <input ng-model="ctrl.name">
    </md-input-container>
    <div class="chips-container" flex>
        <md-chips ng-model="ctrl.fruitNames">
            <md-chip-template>
                <span><strong>{{$chip}}</strong></span>
            </md-chip-template>
            <input type="text" placeholder="Enter Something">
            <button md-chip-remove class="chip">
                <md-icon class="material-icons">clear</md-icon>
            </button>
        </md-chips>
    </div>
</div>

工作密码笔

有没有人遇到过类似的情况，需要让 md-chips 的输入与类似布局中的其他输入正确对齐？

只是在寻找合适的解决方案，我在 Angular Material 输入演示中看不到任何组合示例。

谢谢

4

0 回答 0