CSS3 그래디언트 스타일을 Knockout.js에 바인딩하기

Question

스타일 바인딩과 관련하여 어떻게 처리해야할지 모르겠습니다.

내 ViewModel 개체에는 HexColor1과 HexColor2의 두 가지 속성이 있습니다. 이러한 속성을 배경 이미지 그라데이션 스타일에 바인딩하려고합니다. 내가 원하는 결과 HTML의

예

(여기서 HexColor1 = "#FFFFFF"및 HexColor2 = "# 000000") :

<div style="background-image: -moz-linear-gradient(top, #FFFFFF, #000000); background-image: -webkit-linear-gradient(top, #FFFFFF, #000000);">Hello</div> 

이 작업을 수행하는 가장 좋은 방법은 무엇입니까? 모든 * - 선형 그라디언트 스타일 문자열을 포함하는 계산 된 속성을 만들거나 스타일 바인딩에서 직접 수행 할 수있는 방법이 있습니까?

감사합니다.

Answer 1

진짜 질문은 왜 스타일 시트와 별도의 콘텐츠 및 레이아웃을 사용하지 않는 것입니까?

당신이 당신의 ViewModel에보기 종속성을 주입하기 때문에 당신이 정말로 동적

전산화 밤은 아주 좋은를 설정해야하는 경우 아 글쎄, 왜 두 색상을 소요 그라데이션 사용자 정의 바인딩을하지?