角材料MD-选择多个调准水平

Question

我使用Angular Materialmd-select与multiple标志

<div layout="row" 
    <md-input-container class="md-block" flex-gt-sm> 
    <label>Pick State</label> 
    <md-select multiple flex ng-model="main.selectedData.State"> 
     <md-option ng-repeat="(key, value) in main.State" value="{{value.value}}"> 
     {{value.display}} 
     </md-option> 
    </md-select> 
    </md-input-container> 
</div> 

当我选择我的多个选项，一切都运行在控制器端的预期，但在我的选择堆叠视图垂直。

我想水平列出。因此，而不是：

AR, 
CA 

我会得到：

AR, CA 

我认为问题是，呈现的DOM出来是这样的：

<md-select-value class="md-select-value" id="select_value_label_1"> 
    <span> 
    <div class="md-container"> 
     <div class="md-icon"></div> 
    </div> 
    <div class="md-text ng-binding"> 
     AR 
    </div> 
    , 
    <div class="md-container"> 
     <div class="md-icon"></div> 
    </div> 
    <div class="md-text ng-binding"> 
     CA 
    </div> 
    </span> 
    <span class="md-select-icon" aria-hidden="true"></span> 
</md-select-value> 

所以，如果我尝试添加自己的自己的CSS到float: left或类似的东西，我得到这个：

我已经报道了这on Github as well，但我不确定他们认为它是一个错误，所以我试图找到一个工作，重写或改变模块本身。

Answer 1

CSS：

._md-container{ 
     display: inline-block; 
    } 

http://codepen.io/nsuthar0914/pen/pbgxWo