3

angular-ui-select ドロップダウンの左側にあるラベルを取得しようとしていますが、何を試してもラベルの下に表示され続けます。最近、最新の angular-ui-select をプルダウンしました。selectize テーマを使用していますが、bootstrap テーマでも同じことが起こりました。

HTMLで何か間違ったことをしていますか? 私はそれを見ません。

ここに私のHTML本文があります：

<body>
<div ng-controller="MainCtrl">
    <div id="acct">
        <label for="acctList">Account:</label>
        <ui-select id="acctList" ng-model="acctList.selected" style="width: 250px;" theme="selectize" ng-disabled="disabled" title="Choose an account">
            <ui-select-match placeholder="Select or search an account in the list...">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="account in acctList | filter: $select.search">
                <span ng-bind-html="account.name | highlight: $select.search"></span>
            </ui-select-choices>
        </ui-select>
    </div>
</div>
</body>

どんな助けでも大歓迎です。どうも

4

1 に答える 1

4

さらに検索と実験を行い、Firebug を使用した後、ui-select が div で構成されていることがわかりました。以下を追加することで、ドロップダウンの左側にラベルを配置できました。

display:inline-block; vertical-align:middle

のスタイル属性にui-select。

（写真は掲載できません）

于 2015-04-23T17:07:48.430 に答える