pseudo css 선택기에서 knockoutJS를 사용하여 내용 CSS 속성의 텍스트를 바인딩

나는 CSS 후술자를 사용하여 멋진 CSS 효과를 자주 볼 수 있습니다. 예를 들어이 트위터 - 부트 스트랩 클래스 content 속성에 pseudo css 선택기에서 knockoutJS를 사용하여 내용 CSS 속성의 텍스트를 바인딩

.bs-docs-example::after { content: "Example"; position: absolute; ...

는 요소 다음 텍스트의 ::을 정의합니다. KnockoutJS와 바인딩하여 동적으로 만들 수있는 방법이 있습니까? 계산 된 관찰 등으로

<style type='text/css' data-bind="text: exampleAfterStyle"></style>

출처

2012-08-27 Maxim V. Pavlov

나는 몇 번 전에 나는 그것이 같은 style 요소의 텍스트에 결합하는 것이었다했던 방식과 유사한 일을해야했다 : http://jsfiddle.net/rniemeyer/hfKPc/

출처

2012-08-28 01:11:22

스마트 :

여기

var viewModel = { name: ko.observable("Bob"), }; viewModel.exampleAfterStyle = ko.computed(function() { return '.example::after { content: "' + viewModel.name() + '"; }'; });

는 샘플입니다! 고맙습니다. –

pseudo css 선택기에서 knockoutJS를 사용하여 내용 CSS 속성의 텍스트를 바인딩

답변

관련 문제