Typescript：用于区分另一个属性类型的字符串文字类型；

Question

我正在尝试创建界面以帮助我确保向方法发送正确的参数。

我想知道是否可以使用字符串文字类型来区分接口中期望的值类型。

我想到了类似于接口覆盖的东西，但是我无法使其工作。

 <table align="center" class="table table-hover viewTable">
            <thead class="theadData">
                <tr class="trData">
                    <th class="thData">Column 1</th>

                    <th class="thData">Column 2</th>
                    <th class="thData">Column 3</th>

                    
                    <th class="thData">Column 4</th>
                  </tr>
            </thead>
  
            <tbody class="tbodyData">
            
                  <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>                  <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>                  <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>                  <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
                                              <tr class="trData">
                    <td class="tdData">A</td>
                    <td class="tdData">B</td>
                    <td class="tdData">C</td>
                    <td class="tdData">D</td>
                    
                            </tr>
     
             
                 
            </tbody>
      </table>

是否可以用优雅的方式做到这一点？