如何使用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触发该样式或ng-class