我有2个div，如下所示，第一个div对元素的href属性使用动态绑定，第二个div使用静态绑定。静态灯可以与灯箱配合使用，而动态绑定的网址则不能解决该问题？

<div class="row no-gutters">
  <div class="col-md-6 col-lg-4 item zoom-on-hover" >
      <a class="lightbox"[attr.href]="l1">
          <img class="img-fluid image" src="{{l1}}">
          <span class="description">
              <span class="description-heading">Lorem Ipsum</span>
              <span class="description-body">Lorem ipsum dolor sit amet,consectetur adipiscing elit. Nunc quam urna.Lorem ipsum dolor sit amet,consectetur adipiscing elit.</span>
          </span>
      </a>
  </div>
  <div class="col-md-6 col-lg-4 item zoom-on-hover">
      <a class="lightbox" href="assets/hos1.jpg">
          <img class="img-fluid image" src="{{l2}}">
          <span class="description">
              <span class="description-heading">Lorem Ipsum</span>
              <span class="description-body">Lorem ipsum dolor sit amet,consectetur adipiscing elit.</span>
          </span>
      </a>
  </div>