템플릿 html 파일을 이처럼 화면 크기에 따라 선택적으로 사용할 수 있습니까? 내가 싶어선택형 템플릿 html with ui-router
.state('booklist', {
url: '/booklist',
templateUrl: window.innerWidth > 320 ? "largeScreen.html": "mobileScreen.html",
controller: "TestController"
})
이 두 개의 서로 다른 화면 크기에 대한 템플릿 html 파일을 사용하는 합리적인 방법을 알고 내가 알아낼하지 않았다 장점과 단점이있다.
감사합니다.
이것은 확실히 합리적입니다. 이렇게하면 화면 크기에 따라 URL이 변경됩니다!
전문가가? - 이해하기 쉽고, 사용하기 쉽고, 일을 끝낼 수 있습니다.
- 데스크톱/랩탑에서와 같이 화면의 크기를 조정해도 변경되지 않지만 신경 쓸 필요는 없습니다. 이것은 분명히 극단적 인 사소한 경우를 나타내는 것입니다. 그러나 당신이 완벽 주의자라면 그것은 확실히 죄수입니다!
피터가 언급 한 것처럼 다른 템플릿을 사용하는 대신 미디어 쿼리를 사용하는 것이 좋습니다.하지만 작은 화면에서 완전히 다른 것을 표시하려는 경우가 있습니다 (예 : 아코디언을 원할 수도 있음). 벌금.
괜찮습니까? 그것은 해결책이지만, 꽤 해킹 된 것입니다. Zurb Foundation이나 Twitter Bootstrap과 같은 반응이 빠른 웹 프레임 워크를 사용하면 프로그램 논리가 아닌 스타일로 처리 할 수 있습니다.
나는이 프로젝트가 얼마나 진지하고 얼마나 커질지를 토대로 전화를 걸 것이다. 당신이 당신의 프로그램의 논리에 지금 혼합 된 스타일을했습니다 때문에,
이 주요 소리가 나지 않도록하기 위해 창 크기를 해결하기 위해 기억해야하지만 선 아래로 해키 해결 방법에 대해 잊어 버리는 것입니다 수 시간 낭비, 그리고 그것은 아주 나쁜 습관입니다.
CSS와 관련된 스타일 관련 문제를 해결해야합니다.
_reasonable_인지 여부를 묻는 질문은 오히려 의견을 기반으로하고 주제에 대한 의견을 너무 낮게 만듭니다. 나는 그것이 _reliable_ 또는 _maintainable_인지 여부를 묻는 것이 더 나을 것이라고 생각한다. – t3chb0t
ok :) 어쩌면 그것은 영어가 나의 제 2 언어이기 때문일 것이다. – monad98