无法使标签与angular-ui-select对象内联

时间:2015-04-21 17:03:04

标签: angular-ui-select

我试图让一个标签位于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>

非常感谢任何帮助。 THX

1 个答案:

答案 0 :(得分:3)

在进行了更多搜索和实验并使用Firebug后,我发现ui-select由div组成。我可以通过添加:

将标签放在下拉列表的左侧
display:inline-block; vertical-align:middle 

ui-select

的style属性

(无法发布图片)