html - 如何使用angularjs调整我的图片大小

Question

大家好，我在使用 Angular js 调整图片大小(当我将指针放在图片的边缘时)时遇到了很多问题，谁能帮助我如何使脚本正常运行？这是我的 HTML ...

<div class="container">

  <div class="row">
    <div class="col-sm-8 ">


     <img class="img-responsive " src="assets/images/coca-cola.jpg" alt="" />


      </div>
    </div>
  </div>

Answer 1

最简单的方法是使用 CSS resize 属性。

<div style="overflow:auto;resize:both;">
    <img style="width:100%;height:auto;" class="img-responsive " src="assets/images/coca-cola.jpg" alt="" />
</div>

然后您可以使用 ng-mouseover 来触发使用 ng-style 或 ng-class 的样式或类