Javascript 在角材质中，将多个选定项堆叠在彼此的顶部？

这是一个关于我的行为的例子

所选的多个选项正在一个接一个地堆叠，但问题是，一旦用户选择了越来越多的选项，选项文本就会以设定的宽度溢出表单的文本框

我需要找到一种方法，一旦到达文本框的末端，将所选选项堆叠在彼此的顶部，以便在表单框中保留所有选项的堆叠

（函数（）{
"严格使用",；
有棱角的
.module（'MyApp'）
.controller（'AppCtrl'，函数（$scope）{
this.likedAnimals=[“鼠标”、“狗”]；
this.animes=[“老鼠”、“狗”、“猫”、“鸟”，
“LongAnnnnnnimal”、“longerrrrrrrrr文本”]；
});
})();

{{a}
我认为您应该在
px
中指定
width
来设置
md select
的确切宽度，而不是将width指定为
md选项。请参阅下面的链接



{{a}

我认为您应该在
px
中指定
width
来设置
md select
的确切宽度，而不是将width指定为
md选项。请参阅下面的链接



{{a}

通过此更改，我无法看到所有选定的选项，我希望能够自动更改tex框的高度，以便它们可以将一个堆叠在另一个之上。我不明白。你想以列式布局显示它吗？是的，列2 x 2堆叠在彼此的顶部。我认为没有任何控制，但你可以使用该模型变量单独显示它。一种解决方案可以是这样的。您可以指定
md content
的高度。我必须说，您最好使用预处理数组，而不是我在本例中使用的那种黑客。通过此更改，我无法看到所有选定的选项，我希望能够自动更改tex框的高度，以便它们可以将一个堆叠在另一个之上。我不明白。你想以列式布局显示它吗？是的，列2 x 2堆叠在彼此的顶部。我认为没有任何控制，但你可以使用该模型变量单独显示它。一种解决方案可以是这样的。您可以指定
md content
的高度。我必须说，您最好使用预处理数组，而不是我在本例中使用的那种黑客。
<md-input-container style="background-color:cyan">
<md-select flex style="background-color:yellow;width:200px" multiple ng-model="ctrl.likedAnimals" placeholder="please select"  >
  <md-option ng-repeat="a in ctrl.animals" value="{{a}}">{{a}}</md-option>
</md-select>