fix: #32 add basic ol fixed

phodal · Apr 5, 2020 · 77ac644 · 77ac644
1 parent e59def1
commit 77ac644
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/projects/ledge-render/src/lib/ledge-render.component.html b/projects/ledge-render/src/lib/ledge-render.component.html
@@ -138,15 +138,18 @@ <h6 *ngIf="item.depth === 6" [innerHTML]="item.text" class="ledge-heading" id="{
  <div *ngSwitchCase="'list'">
  <ng-template #recursiveList let-list>
  <li *ngFor="let item of list" class="sub-item" [innerHTML]="item.body.name">
- <ul *ngIf="item.body.children.children && item.body.children.children.length > 0">
+ <ul *ngIf="!item.ordered && item.body.children.children && item.body.children.children.length > 0">
  <ng-container
  *ngTemplateOutlet="recursiveList; context:{ $implicit: item.body.children.children }"></ng-container>
  </ul>
+ <ol *ngIf="item.ordered && item.body.children.children && item.body.children.children.length > 0">
+ <ng-container
+ *ngTemplateOutlet="recursiveList; context:{ $implicit: item.body.children.children }"></ng-container>
+ </ol>
  </li>
  </ng-template>
- <ul>
- <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: item.data }"></ng-container>
- </ul>
+ <ul *ngIf="!item.ordered"><ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: item.data }"></ng-container></ul>
+ <ol *ngIf="item.ordered"><ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: item.data }"></ng-container></ol>
  </div>
 
 

diff --git a/src/app/presentation/ledge-helper/ledge-helper.component.ts b/src/app/presentation/ledge-helper/ledge-helper.component.ts
@@ -9,6 +9,10 @@ export class LedgeHelperComponent implements OnInit {
  content = `
 # Ledge 语法帮助
 
+1. first
+2. second
+3. third
+
 \`\`\`list-style
  - 开源工具采用
  - 商业采购