小编DBo*_*Boi的帖子

我有这个：

    products = [
       {
         'id': 1
         'name: 'test'
       },
       {
         'id': 2
         'name: 'test'
       },
       {
         'id': 3
         'name: 'test'
       }
       ... etc, etc
    ]

我需要将其重组为：

    products = [
       row1: [
        {
         'id': 1
         'name: 'test'
        },
        {
         'id': 2
         'name: 'test'
        },
        {
         'id': 3
         'name: 'test'
        },
        {
         'id': 4
         'name: 'test'
        }
       ]
    row2: [
       {
         'id': 5
         'name: 'test'
        },
        {
         'id': 6
         'name: 'test'
        },
        {
         'id': 7
         'name: 'test'
        },
        {
         'id': 8 …

我不断收到以下控制台错误：

Error trying to diff 'Paul'. Only arrays and iterables are allowed

HTML：

<fieldset class="one-quarter sm-padding">
    <label>Occupation</label>
    <select name="occupations"
            [(ngModel)]="occupations" 
            (ngModelChange)="showValuePromptText('Occupation', $event)">
        <option *ngFor="let occupation of occupations" 
                [value]="occupation">
            {{occupation}}
        </option>
    </select>
</fieldset>

TS：

import { Component } from '@angular/core';
import { PromptService } from '../../services/prompt.service';
import { IPromptText } from "../../models/IPromptText";

@Component({
    selector: 'fact-find',
    templateUrl: './factfind.component.html',
    styleUrls: ['./factfind.component.css'],
    providers: [PromptService]
})

export class FactFindComponent {
    promptTexts: IPromptText[];
    currentPromptText : string;

    showDefaultPromptText(fieldName: string) {
        if (fieldName != null) {
            this.promptService.fetchPrompts(fieldName, '').subscribe( …

我真的很努力让这个工作,并花了很长时间看似简单的实现.

我有一个父(quote-results)组件,有两个子组件:

<quote-table></quote-table>
<call-back-pop-up *ngIf="showCallBackPopUp"></call-back-pop-up>

我在子'quote-table'组件中有一个带有click事件的按钮:

<button class="button-secondary" (click)="showCallbackToggle()">Request a callback</button>

并为此子项'quote-form'组件中的click事件和@Output()提供了一个函数:

@Output() showCallBackPopUp;

showCallbackToggle() {
  this.showCallBackPopUp = true;
}

我在父(quote-results)组件中也有一个@Input():

 @Input() showCallBack: boolean;

我希望在'quote-table'中触发的click事件上显示call-back-pop-up组件

我已经尝试使用布尔为此和发射器切换@Input和@Output,但没有运气.

我做错了什么,我怎么能让它发挥作用？

我有一个类.submenu-toggle的两个切换,它们包含一个带有类.submenu的ul子.我想要发生的是当用户点击.submenu-toggle时,显示该类(子菜单切换)的ul子(.submenu),然后再次单击它时,它将被隐藏.

我需要使用纯Javascript而不使用任何JQuery来实现这一点.

如果你能够让我知道如何隐藏.submenu如果用户点击该元素外...这将是真棒!

谢谢你的时间和帮助.

这是我目前的Javascript:

      // Drop Down Menus
      var subToggle = document.getElementsByClassName("submenu-toggle");
      var menu = subToggle.children;

      for (var i = 0; i < subToggle.length; i++) {
          subToggle.item(i).onclick = function () {

              menu[1].style.display = "block";
          }
      }

这是我目前的html:

<ul>
     <li class="submenu-toggle"><a href="#">Menu 1</a>
        <ul class="submenu">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li class="submenu-toggle"><a href="#">Menu 2</a>
        <ul class="submenu">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>