Javascript &引用；Foreach“；循环抛出错误

看起来很容易，但我不明白。所以我有HTML

<div class="ui three column grid" data-bind="foreach: stories">
  <div class="column">
    <div class="ui stacked segment">
        <div class="ui three column grid center aligned">
                <div class="column">
                    <div class="ui buttons icon">
                        <div class="ui button small">
                            <i class="icon plus"></i>
                        </div>
                    </div>
                </div>
                <div class="column">
                    <div class="ui labels circular">
                        <div class="ui label">
                            124124
                        </div>
                    </div>
                </div>
                <div class="column">
                    <div class="ui buttons icon">
                        <div class="ui button small">
                            <i class="icon minus"></i>
                        </div>
                    </div>
                </div>
        </div>
        <div class="ui grid center aligned">
            <div class="row">
                <div class="column">
                    <h1>yo</h1> 
                </div>    
            </div>
            <div class="row">
                <div class="column">
                    <div class="ui segment" data-bind="foreach: {data: stories.strings, as: 'string'}">
                        <p data-bind="text: string"></p>
                    </div>   
                </div>
            </div> 
        </div>
    </div>
  </div>
</div>

所以foreach：“故事”不起作用，这就是问题所在。告诉我

"Unable to process binding "foreach: function (){return stories }"
Message: Unable to process binding "foreach: function (){return {data:stories.strings,as:'string'} }"
Message: stories is not defined;"

---

由于您的第二个

foreach

，正在引发异常：

<div class="ui segment" data-bind="foreach: {data: stories.strings, as: 'string'}">
    <p data-bind="text: string"></p>
</div> 

<div class="ui segment" data-bind="foreach: {data: stories.strings, as: 'string'}">
    <p data-bind="text: string"></p>
</div> 

<div class="ui segment" data-bind="foreach: { data: strings, as: 'string' }">
    <p data-bind="text: string"></p>
</div>