角度ブートストラップドロップダウンアイテムが左に開きます

Question

私はngbDropdownを使用しています。デフォルトでは、ドロップダウン項目が右側に表示されます。ドロップダウンの配置がページのほとんどの部分にある場合、項目は非表示になります。ここで

はHTML

<div ngbDropdown class="d-inline-block float_right"> 
    <span id="dropdownBasic1" ngbDropdownToggle class="cursor-pointer">Sort by</span> 
    <div ngbDropdownMenu aria-labelledby="dropdownBasic1"> 
     <button class="dropdown-item">Name</button> 
     <button class="dropdown-item">Date of creation</button> 
    </div> 
</div> 

私はクラスdropdown-menu-leftを試みたが、それは動作しませんでしたです。テキストが壊れないように、左側に表示する項目をドロップダウンするにはどうすればよいですか？

Answer 1

私はplacement="bottom-right"をメインディビジョンに入れて解決しました。 htmlは

<div ngbDropdown class="d-inline-block float_right" placement="bottom-right"> 
    <span id="dropdownBasic1" ngbDropdownToggle class="cursor-pointer">Sort by</span> 
    <div ngbDropdownMenu aria-labelledby="dropdownBasic1"> 
     <button class="dropdown-item">Name</button> 
     <button class="dropdown-item">Date of creation</button> 
    </div> 
</div> 

です