테이블에는 행 안에 다음이 있습니다.
<td data-bind="click : $parent.editContact.bind($data), text:IsContractor ? 'YES' : 'NO'"></td>
'YES'와 'NO'를 글꼴 멋진 이미지가 포함 된 i 태그로 바꾸고 싶습니다.
<i class="glyphicon glyphicon-check" />
과 <i class="glyphicon glyphicon-cross" />
태그 안에 i 태그를 넣을 수없는 것 같습니다. <td>
누구든지이 방법을 알려줄 수 있습니까?
편집하다:
나는 그것을
<td role="button" data-bind="click : $parent.editContact.bind($data)">
<i class="glyphicon glyphicon-check" data-bind="visible: iIsContractor(IsContractor)"></i>
<i class="glyphicon glyphicon-cross" data-bind="visible: !iIsContractor(IsContractor)"></i>
</td>
사용
self.iIsContractor = function (IsContractor) {
if (IsContractorBool.isTrue ? true : false);
}
그러나 이것은 하나의 레코드를 반환하는 것처럼 보입니다. 누구든지 변경 사항에 대해 잘못된 점을 찾을 수 있습니까?
다음과 같은 것을 시도해 봅시다.
귀하의 HTML :
<td role="button" data-bind="click : $parent.editContact.bind($data), html: seeIcon"></td>
당신의 js :
self.seeIcon = function(){
var cross = '<i class="glyphicon glyphicon-cross" />';
var check = '<i class="glyphicon glyphicon-check" />'
return self.iIsContractor() ? check : cross;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다