Question

场景：我有4个按钮：一个具有固定的点击事件，另一个具有基于ractive属性的动态事件，然后在具有事件配置的对象数组中有2个按钮，如此代码中所示。 http://jsfiddle.net/h060dmbk/6/

数据：

  data: { 
      "name": 'world',
      "text": "Say Hello", 
      "mainEvent": "sayHello",
      buttons: [
          {"text": "Say Hello In Array", "buttonEvent": "sayBye"},
          {"text": "Say Hello In Array 2", "buttonEvent": "sayHello"}
      ]
  }

模板：

<div class="buttons">
    This is dynamic, doesn't work
    <a href="#" on-click="{{mainEvent}}" class="button primary">{{text}}</a> <br />
    This is hardcode, it works
    <a href="#" on-click="sayHello" class="button primary">{{text}}</a> <br />
    {{#buttons}}
    This is dynamic into array, it works
    <a href="#" on-click="{{.buttonEvent}}" class="button primary">{{.text}}</a> <br />
    {{/buttons}}
</div>

第一个和第二个按钮没有问题，但不知何故，ractive无法在最后两个按钮中找到它们在数组中配置时的动态事件。

这是一个有意义的错误吗？如何让按钮进入数组才能工作？我需要设置一个动态的按钮列表，其中的事件也是动态配置的。感谢。

在数组中无法找到Ractivejs点击事件

0 个答案: