Question

^{传递给负载数据模型后我收到的Json的副本}

我是Angular的新手，正在尝试开发简单的页面。我有两个使用primeng的选择选项，在其中输入装载编号和物料编号。我正在尝试根据所选的装载编号自动填充物料编号。我希望材料选择选项通过下拉列表显示先前选择的载荷中的所有材料。我该如何做到这一点。

我的HTML代码：

以下代码说明我有两个选择选项-dropdownload和dropdownmaterial。

{
            "＄project": {
              "conversationid": 1,
              "themes": {
                "＄cond": [
                  {
                    "＄and": [
                      {
                        "＄or": [
                          {
                            "＄in": [
                              "[]",
                              "$themes"
                            ]
                          },
                          {
                            "＄in": [
                              "NO THEMES SELECTED",
                              "$themes"
                            ]
                          }
                        ]
                      },
                      {
                        "$themes": {
                          "＄gte": [
******I WANT TO SAY THAT THE THEMES ARRAY MUST BE >1 IN SIZE HERE******
                          ]
                        }
                      }
                    ]
                  },
                  {
                    "＄pull": {
                      "$themes": {
                        "＄in": [
                          "NO THEMES SELECTED",
                          "[]"
                        ]
                      }
                    }
                  },
                  "$themes"
                ]
              }
            }
          },

下面是我的类型脚本，在这里我从json获取数据并将其放置在LoaddataModel数组中。

dropdownload 选择选项的数据来自Loadnos数组，该数组是经过硬编码的，我仅传递参数值以通过http返回（返回我的json）。这是由xx服务解析的，我有一个存储所有值的负载数据模型。我在此负载数据模型上制作了一个数组，并根据来自dropdownload的选择传递了参数值。这部分工作正常。我遇到的一个困难是：将数组中的所有材料值显示为dropdownmaterial的下拉列表。

现在，我拥有了我想要的所有数据，但问题是如何在下拉列表材料中使用它。我正在使用primeng和ngmodule和ngformmodule。如果有人可以建议我使用上述库的解决方案，那就太好了。

任何帮助将不胜感激。

    <div class="row">
 <div class="col">
  <form #searchform="ngForm">   
   <div class="form-group">    
    <table>
     <tbody>
      <tr>
       <th>
        <label>Loadnummer:</label>
       </th>
       <td>
       <!-- Selecting Load No from the drop down menu -->
        <div >                 
         <p-dropdown id="dropdownload" name="dropdownload" [options]= "loadnos [(ngModel)]= "selectedloadno" editable="true" placeholder="Vælge loadNo" (onChange)="onloadselected(selectedloadno)">
         </p-dropdown>
        </div> 
        </td>
        </tr>        
       <tr>
         <th>
          <label>Materialnummer:</label> 
         </th>
         <td> 
         <!-- Selecting Material No from the drop down menu -->

         <p-dropdown ng-if="selectedloadno=LoaddataModel.loadNumber"
id="dropdownmaterial"name="LoaddataModel"[filter] = "false"#LoaddataModel = "ngModel"[options]= "LoaddataModel.materialNumber"[(ngModel)]="selectedmaterialno" editable="true"[optionLabel]="materialNumber" placeholder="Vælge materialNumber (onChange)="onmaterialselected(selectedmaterialno)">
        </p-dropdown>
       </td>
       <td>      
        <input type="submit" value="Søg" id="submit (click)='showsearchdetails($event)'>    
      </td>
     </tr>
    </tbody>
   </table>
  </div> 
 </form>  
</div>

下拉菜单将由ng中的json数据填充

0 个答案: