创建将遵循决策树的角度形式

Question

我想构建一个Angular应用程序，该应用程序将向用户提问，并根据他们的回答生成下一个问题（遵循决策树）。

例如（我将公开多个场景，每一个场景一行，斜体字问题和粗体字答案：]

                  CHEST PAIN ? 
                yes/          \no
                              RATE?
                         <60 /    \ >100
                                 HYPO ?
                              no/    \ yes
                                     **SEDATE**(result of the decision tree)

您能给我一些实现该目标的线索吗？这看起来像一棵树（或图）。我应该将问题存储在这样的数据结构中吗？

Answer 1

this之类的东西对您有用吗？

public readonly countries = ["France", "Germany"];
public readonly cities = {
    "France": ["Paris", "Lyon", "Marseille"],
    "Germany": ["Berlin", "Frankfurt", "Hamburg"]
};

public selection = {
    country: '',
    city: ''
};

Pick country
<select [(ngModel)]="selection.country">
  <option *ngFor="let c of countries" [ngValue]="c">{{c}}</option>
</select>

<br/>
<br/>

<ng-container *ngIf="selection.country.length > 0">
    Pick city
    <select [(ngModel)]="selection.city">
      <option *ngFor="let c of cities[selection.country]" [ngValue]="c">{{c}}</option>
    </select>
</ng-container>

从最初的顶层选择开始，然后根据上一个答案显示下一个问题。