2016-11-04 5 views
3

너는 250px 너비 부모에 맞을 수있는 100px 너비의 div 개의 100 개가 있습니다. 높이와 관계없이 그림에 표시된대로 div을 행으로 표시해야합니다. 나는이 문제를 CSS로 해결하려고 노력했지만, 슬프게도 나는 현실을 이해했다. angularjs가있는 격자/타일보기

enter image description here

는 내가 사용할 수있다 플러그인 어떤 AngularJS와 있습니까?

나는 jquery masonry에 대해 들었습니다. 더 좋은 옵션이 있습니까? @Divyanshu Maithani 내 현재의 문제와 plunker 요청으로

, 내가 각도-벽돌로 내 문제를 해결하기 위해 노력하는 아래의 plunker 링크를 참조하시기 바랍니다

enter image description here

<div masonry> 
    <div ng-repeat="item in items" class="masonry-brick item"> 
     {{item.name}} 
     <button class="toggle-button" ng-click="item.show=!item.show">show</button> 
     <div ng-if="item.show" class="hidden-box"> 
     This is a hidden box for {{$index+1}}th item. 
     </div> 
    </div> 
    </div> 

Plunker DEMO

나는 다른 옵션도 찾고 있습니다. 각도 조화와 같은 jquery 플러그인으로 내 질문을 끝내고 싶습니다. 아무 도움도 감사하겠습니다. 감사합니다

+1

는 각 JS가 https://github.com/passy/angular-masonry 내가 PHP (수직 카운트 3 × 3를 통해 같은 일을 프로그램 관리하지만 각 JS –

+1

와 함께 잘 작동하도록 플러그인 masonary입니다 - 너의 것과 같은 수평이 아님) 내 투표 (조언으로서)는 석공 술을위한 것이다. 한 프로젝트에서 실험 단계로 사용했고, 필요한 플러그인을 위대한 유용한 플러그인으로 사용했습니다. 나는 더 많은 것을 찾지 않을 것이고, 더 많이 찾을 수 있을지 의심 스럽다. –

답변