Question

＆＃13;

<ul class="dropdown-menu wm_search_div" ng-show="searchDivShow">
    <li ng-repeat="user in searchUserList">
        <a href="javascript:void(0);" class="wm_clearfix3">
            <img ng-src="{{user.faceIcon}}" class="pull-left wm_search_uface"/>
            <div class="pull-left wm_ml5">
                <div class="wm_search_uname" ng-bind="user.username"></div>
                <span ng-bind="'账号：'+user.account" class="wm_search_uacc"></span>
            </div>
        </a>
    </li>
    <li>
        <a href="javascript:void(0);" class="wm_clearfix3">
             <img ng-src="resources/images/default_faceicon.jpg" class="pull-left wm_search_uface"/>
             <div class="pull-left wm_ml5">
                  <div class="wm_search_uname">fdsfsfds</div>
                  <span class="wm_search_uacc">fsdfds</span>
             </div>
        </a>
    </li>
</ul>

＆＃13;

.wm_clearfix3{
    overflow: auto;
    height: 1%;
}

＆＃13;

我在我的标签中添加了一个clearfix css类，当我没有在我的HTML中添加角度代码时它运行良好。但是当我在HTML中添加角度时，clearfix类变得不起作用。像这样的照片：

也许是因为＆＃39; ng-repeat＆＃39;？有人可以帮助我吗？

Answer 1

为什么要使用＆＃39; ng-class＆＃39;如果你没有角度表达？试试：

.wm_clearfix3{
  overflow: auto;
  height: 1%;
  clear: both;
}

或：

curl_setopt($ch, CURLOPT_ENCODING, '');

Answer 2

除非您要添加具有逻辑的类，否则您不需要添加ng-class。所以只需添加class即可

Answer 3

以下JSFiddle链接的解决方案是否可以帮助您完成任务？

https://jsfiddle.net/6vm4csjb/

ul {
  list-style: none;
}

[class*="wm_clearfix"] {
  display: inline-block;
  width: 100%;
}

[class*="wm_clearfix"]:before, [class*="wm_clearfix"]:after {
  display: table;
  content: " ";
}

img {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.pull-left {
  float: left;
}

<ul class="dropdown-menu wm_search_div" ng-show="searchDivShow">
  <li ng-repeat="user in searchUserList">
    <a href="javascript:void(0);" class="wm_clearfix3">
      <img ng-src="{{user.faceIcon}}" class="pull-left wm_search_uface"/>
      <div class="pull-left wm_ml5">
        <div class="wm_search_uname" ng-bind="user.username"></div>
        <span ng-bind="'账号：'+user.account" class="wm_search_uacc"></span>
      </div>
    </a>
  </li>
  <li>
    <a href="javascript:void(0);" class="wm_clearfix3">
      <img ng-src="resources/images/default_faceicon.jpg" class="pull-left wm_search_uface"/>
      <div class="pull-left wm_ml5">
        <div class="wm_search_uname">fdsfsfds</div>
        <span class="wm_search_uacc">fsdfds</span>
      </div>
    </a>
  </li>
</ul>

clearfix不适用于angularJs

3 个答案: