显示 angularjs-dropdown-multiselect inline 以及下拉标签名称

Question

我正在使用 angularjs-dropdown-multiselect 。

代码示例：

PLatform : <div ng-dropdown-multiselect="" options="example13data" selected-model="example13model" extra-settings="example13settings"></div>

JS：

     $scope.example13model = []; 
    $scope.example13data = [ {id: 1, label: "David"}, 
{id: 2, label: "Jhon"},
 {id: 3, label: "Lisa"}, 
{id: 4, label: "Nicole"}, 
{id: 5, label: "Danny"} ]; 
    $scope.example13settings = { smartButtonMaxItems: 3, smartButtonTextConverter: function(itemText, originalItem) {
 if (itemText === 'Jhon') { return 'Jhonny!'; } 
return itemText; } };

参考：http://dotansimha.github.io/angularjs-dropdown-multiselect/docs/#/main

我想在一行中显示标签名称和下拉列表，如下所示。

但是使用多选api后我无法显示然后内联，它显示如下，请告诉我如何解决这个问题。

Answer 1

我发现将它放在 span 而不是 div 中可以解决问题。

试试这个：

Platform
<span
  ng-dropdown-multiselect=""
  options="example13data"
  selected-model="example13model"
  extra-settings="example13settings">
</span>