AngularJS Material 은 AngularJS 용 UI Component 로 여러가지 UI 구성 요소를 편하게 표시할 수 있도록 도와줍니다. 그중에 List box 를 표시하는 md-select 라는 directive 가 있는데요. 리스트중 선택요소를 선택하면 그림을 그 옆에 표시할 수 있습니다.
<md-select>
<md-option>
<img>
</md-option>
</md-select>
이런 식으로 하면 선택요소 바로 옆에 따라 다니며 표시하게 됩니다.
<md-select>
<md-option>
</md-option>
<img>
</md-select>
위와 같이 <md-option> 밖으로 <img> 를 빼버리면 리스트박스 안에 일정한 위치에 고정해 표시할 수 있습니다. 아래 첨부한 비디오와 코드는 요즘 제가 하는 작업중에 일부인데요. 위에서 얘기한 변경 사항을 보여줍니다.
