Question

我正在尝试使用Rivets JS（以前使用Aurelia）进行简单的显示/隐藏。我认为在查看各种网站后，我有正确的代码来完成这项工作，但它似乎并没有起作用。

我的HTML：

var data = {
title: 'Welcome to Payments',

products: [
  {
    title: 'MasterCard',
    id: 'CH'
  },
  {
    title: 'Visa',
    id: 'UK'
  },
  {
    title: 'PayPal',
    id: 'US'
  },
  {
    title: 'Cheque',
    id: 'UK'
  },
  {
    title: 'Cash',
    id: 'US'
  }],

countries: [
  {
    name: 'China',
    id: 1
  },
  {
    name: 'USA',
    id: 'US'
  },
  {
    name: 'UK',
    id: 'UK'
  }

  ],

  selectedVal: ''
};

rivets.formatters.eq = function (value, args) {
debugger;
return value === args;
};


rivets.bind(
document.querySelector('#Payments'), // bind to the element with id "candy-   shop"
{
data: data // add the data object so we can reference it in our template
});

我的js：

<a href="www.abc.com/a" target="_blank">123</a>
<a href="www.abc.com/b" target="_blank">abc</a>

付款清单应根据所选国家/地区显示或隐藏。任何帮助都会很棒！

由于

Answer 1

需要使用rv-show而不是数据显示。必须阅读错误的文档。

铆钉JS数据显示不起作用

1 个答案: