[英]angular design material md-list-item in the right
根據示例： https ： //material.angularjs.org/#/demo/material.components.list
復選框右對齊：
我的代碼中發生的是復選框出現在文本下面：
我不知道為什么結果不同，因為我復制粘貼了這個例子，我只是將ng-repeat從4改為2元素。
我的代碼： http ：//codepen.io/anon/pen/wBbREV
<md-list>
<md-subheader class="md-no-sticky">md-list</md-subheader>
<md-list-item>
<p> title </p>
<md-checkbox class="md-secondary"></md-checkbox>
</md-list-item>
<md-list-item>
<p> title </p>
<md-checkbox class="md-secondary"></md-checkbox>
</md-list-item>
</mdlist>
實際上已經對css進行了更改，修復了您遇到的問題：
如果您使用開發版本：
https://rawgit.com/angular/bower-material/master/angular-material.min.css
<head>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<meta name="viewport" content="initial-scale=1" />
</head>
您的頁面復選框應該排成一行。
我想我遲到了，但是分享我的答案使用<md-list-item layout="row">並在你的p元素之后使用<span flex></span> 確保你的md-list-item占用100％的寬度
如何在Angular Material的md-list-item中創建子列表？
[英]How to make a sub list in md-list-item in Angular Material?
從 md-list-item (AngularJS Material) 中移除點擊行為
[英]Remove click behaviour from md-list-item (AngularJS Material)
帶有Material Design的AngularJS md-menu-item垂直問題
[英]Angularjs with Material design md-menu-item Vertical issue
更改角度材料設計中 md-focused 復選框的顏色
[英]Change the colour of the md-focused checkbox in angular material design
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.