부트 스트랩 팝 오버에서 렌더링하려고하는 템플릿이 있지만 아래 코드를 수행하면 렌더링 [object Object]됩니다. 어떻게 든 완전한 템플릿을 렌더링 할 수 있습니까?
<a data-toggle="popover" data-placement="top" data-trigger="hover" title="sometitle" data-bind="attr: { 'data-content': { template: { name: 'a-template', data: somedata} } }"></a>
세이지 조언과 더 나은 지혜에 감사드립니다!
할 수있는 일은 계산 된 필드에서 템플릿을 렌더링하고 해당 필드를 해당 데이터 콘텐츠 속성에 할당하는 것입니다. 아래를 참조하십시오.
템플릿 지정
<script id="myTemplate" type="text/html">
// Some HTML here
</script>
위에 지정된 템플릿을 기반으로 계산 된 필드를 생성합니다.
<script>
function myViewModel() {
var self = this;
self.templateField= ko.computed(function(){
var temp = $("<div>");
ko.applyBindingsToNode(temp[0], { template: { name: 'templateName', data: self } });
var html = temp.html();
temp.remove();
return html;
}, self);
}
</script>
이제 위에서 생성 한 계산 된 필드를 속성에서 사용합니다.
<anyElement data-bind="attr: {'data-content': templateField}"/>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다