>

그래서 사용자가 왼쪽에 정렬 된 값을 가진 확인란이있는 드롭 다운 메뉴에 일정한 값을 표시 할 수있는 확인란이있는 사용자 정의 드롭 다운 메뉴를 만들고 있습니다.

내 템플릿은 다음과 같습니다 :

"<div class=\"multiselect-parent btn-group dropdown-multiselect\">\n" +
    "\t<button  ng-click=\"toggledropdown()\" td-ui-margin=\"0\" class=\"dropdownlist-button\" ng-disabled=\"!edit\" type=\"button\">\n" +
    "\t\t<span ng-if=\"customSelect\">{{customSelect}}</span>\n" +
    "\t\t<span ng-if=\"!customSelect\">{{modelList.length}} {{'MULTISELECT_DROPDOWN.CHECKED' | translate}} &nbsp;<i class=\"caret\"></i></span>\n" +
    "\t</button>\n" +
    "\t<ul class=\"dropdown-menu dropdown-menu-form\" ng-style=\"{display: open ? 'block' : 'none', height : '200px' }\" style=\"overflow: scroll\" >\n" +
    "\t\t<li td-ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"headerPointer\" ng-click=\"selectAll()\"><span class=\"glyphicon glyphicon-ok\"></span> {{'MULTISELECT_DROPDOWN.CHECKALL' | translate}} </span>\n" +
    "\t\t</li>\n" +
    "\t\t<li ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"headerPointer\" ng-click=\"deselectAll();\"><span class=\"glyphicon glyphicon-remove\"></span> {{'MULTISELECT_DROPDOWN.UNCHECKALL' | translate}} </span>\n" +
    "\t\t</li>\n" +
    "\t\t<li  class=\"divider\"></li>\n" +
    "\t\t<li role=\"presentation\" ng-repeat=\"option in options  | orderBy : 'id'\"  ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"td-checkbox-div-wrapper headerPointer\" ><input type=\"checkbox\"  ng-click=\"selectItem(option)\" ng-checked=\"isChecked(option)\">\n" +
    "\t\t\t<label>{{option[field]}}</label></span>\n" +
    "\t\t</li>\n" +
    "\t</ul>\n" +
    "</div>\n"

여기서는 템플릿을 사용하고있는 곳입니다

<div class=\"col-xs-2 setup-case-checkbox multiselect-spacing\"\n" +
    "                     ng-if=\"model.frequencyInterval.frequencyIntervalType === 'SEASONAL'\">\n" +
    "                    <multiselect-dropdown options=\"months\" model=\"model.frequencyInterval.customPeriod\"\n" +
    "                                             field=\"period\"\n" +
    "                                             edit=\"true\"\n" +
    "                                             aria-labelledby=\"seasonal\"></multiselect-dropdown>\n" +
    "                </div>\n" +

그러나 렌더링하는 페이지를 볼 때 제대로 정렬되지 않습니다

이것을 왼쪽에 맞추려면 어떻게해야합니까?

  • 답변 # 1

    이것을 CSS 파일에 추가하십시오

    .td-checkbox-div-wrapper{
         text-align: left;
        }
    
    

  • 답변 # 2

    왼쪽으로 정렬하려는 모든 줄에 이것을 포함하십시오 : style="text-align: left;"

    수업도 할 수 있습니다

    .left{
        text-align: left;
    }
    
    

    그런 식으로 부르세요 와이즈 비즈

    CSS도 포함하도록 게시물을 편집 할 수 있습니까?

    class="left"

  • 이전 android - 이온 3 - ios 전화에서 비디오를 열 수 없습니다
  • 다음 chromenotificationOS X에서 알림을 표시하지 않음