Javascript에서 ul과 ol 사이를 전환하는 방법은 무엇입니까?

Question

목록 (ol 또는 ul)을 동적으로 생성하는 데 문제가 있습니다. 내가 직면 한 문제는 가끔 JSON에 따라 순서가 정해진 목록이 필요하고 때로는 순서가 정렬되지 않는다는 것입니다. 나는 당신이 orderedList이 참 또는 거짓이 될 수 있음을 볼 수있다, 여기

<ol data-bind="foreach: items" ><li><a data-bind="text: $data"></a></li></ol> 

내 JSON입니다, 내 HTML은 여기

{ 
    items: ['a','b','c'], 
    orderedList: true 
} 

을 녹아웃을 사용하고 있습니다. true이면 ol을 사용해야하고 false이면 ul을 사용해야합니다. 나는 또한 복제를 피하기 위해. 이것을하는 어떤 방법.

Answer 1

여기에 나는 조잡한 샘플을 넣었습니다. 테스트 할 수 없었습니다. 그러나 당신은 아이디어를 얻을 수 있습니다.

<!-- ko if : orderedList --> 
<ol> 
<!-- /ko --> 
<!-- ko ifnot : orderedList --> 
<ul> 
<!-- /ko --> 
<!-- ko foreach: items --> 
<li><a data-bind="text: $data"></a></li> 
<!-- /ko --> 
<!-- ko if : orderedList --> 
</ol> 
<!-- /ko --> 
<!-- ko ifnot : orderedList --> 
</ul> 
<!-- /ko --> 

편집 : 녹아웃의 경우 - 다른 조건이있다. 따라서 여러 Ko if 문을 사용해야합니다.

EDIT2 : OP 용으로 사용 된 코드의 버전.

<!-- ko if : orderedList --> 
<ol data-bind="foreach: items"> 
    <li><a data-bind="text: $data"></a></li> 
</ol> 
<!-- /ko --> 
<!-- ko ifnot : orderedList --> 
<ul data-bind="foreach: items"> 
    <li><a data-bind="text: $data"></a></li> 
</ul> 
<!-- /ko -->