2013-08-23 3 views
0

저는 Github의 Passy 지시문을 사용하여 Masonry가 AngularJS와 함께 작업하도록했습니다. 이는 잘 작동합니다.Masonry.js가 각도로 반응하도록 만들기

https://github.com/passy/angular-masonry

이 그리드에 응답을 추가 파씨에 의해 기술 된 방법을 구문 분석을 시도 할 때까지, 절대적으로 괜찮습니다. 내가 여기에 추가 할 무엇

<masonry options="{ transitionTransition: '0.4s' }"> 
</masonry> 

이 같은 것입니다 :

<masonry options="{ 'gutter': 10, 'columnWidth': '.grid-sizer' }"> 
</masonry> 

하지만이 같은 문제를 가지고 사람이 ... 아무것도하지 않는, 또는 방향으로 날 지점 수 몇 가지 예/문서?

+0

는'.grid-sizer'은'설정 width'이 있습니까 http://ignitersworld.com/lab/angulargrid/? –

+0

CSS에서 설정했습니다. 클래스를 적용하거나 소스의 어느 곳에서나 표시하는 것 같지 않습니다. – JohnRobertPett

+0

동일한 문제가 있습니다. 해결책을 찾았습니까? Passy의 레포는 훌륭하지만 반응이 없습니다 ... – Maxime

답변

0

나는 Angular Mansory를 반응 형으로 바꾸는 쉬운 방법이 없다고 생각하지만, 나는 똑같은 문제를 겪고 있었고 그에 대한 대안을 찾았다.

"각도 그리드"라고 불리우며 그 자체를 "각도에 반응하는 석조 격자 시스템과 같은 Pinterest"라고 표현합니다. 부트 스트랩 또는 다른 CSS 그리드 시스템과 함께 작동합니다.

다음은 github repo에 대한 링크입니다. https://github.com/s-yadav/angulargrid.

그리고 그들의 데모/문서 페이지에

은 :