anglejs-dropdown-multiselectをインラインで表示し、ラベル名をドロップダウンします。

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

私の代わりにdiv要素のスパンでそれを入れても問題が解決していることが分かりました。

代わりにこれを試してみてください：

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