3

私はAngularを使用して私の詳細を表示していますStudent Object

それは正常に動作しています

しかし、誰かがそれをクリックするとライトボックスが開き、すべてのassignment object詳細が表示されるように、割り当てテキストにハイパーリンクも必要です。

今、上司はAngularのみを使用したいと考えています。

そのためにjqueryモーダルダイアログを使用できることは知っていますが、angularJsでライトボックスを表示するにはどうすればよいですか

4

2 に答える 2

2

このプロジェクトを統合できるはずです。

https://github.com/compact/angular-bootstrap-lightbox

プロジェクトの README から、HTML で宣言する方法は次のとおりです。

ギャラリー:

<ul ng-controller="GalleryCtrl">
  <li ng-repeat="image in images">
    <a ng-click="openLightboxModal($index)">
      <img ng-src="{{image.thumbUrl}}" class="img-thumbnail" alt="">
    </a>
  </li>
</ul>

@Stewie のソリューションと同様に、重労働のロジックは Angular ディレクティブによって処理されます。

于 2014-10-27T19:40:30.920 に答える
-1

Angular ディレクティブについて学び、AngularUI またはUI Bootstrapがディレクティブを利用して jQuery プラグインへの呼び出しをプロキシする方法を見てみましょう。

于 2013-02-26T09:17:44.040 に答える