руль. js: динамическое изменение содержимого при выборе изменения - PullRequest
Новая
       10

руль. js: динамическое изменение содержимого при выборе изменения

0 голосов
/ 26 марта 2020

Я пытаюсь изменить содержимое в зависимости от изменения выбранного поля.

"Ежемесячно" будет параметром по умолчанию при загрузке страницы. Если пользователь меняет выбранное значение на «годовой», я хочу заменить regularPrice на годовой (в зависимости от выбранного количества пользователей).

Есть ли способ динамического изменения * 1006? *? Например, от {{pricingOptions.monthly.regularPrice}} до {{pricingOptions.yearly.regularPrice}}, а также показывать правильную цену в зависимости от выбранного количества пользователей?

Возможно ли это с рулями. js?

Спасибо! 

<select>
  <option>Pricing</option>
  <option value="monthly">Monthly</option>
  <option value="yearly">Yearly</option>
</select>

<select>
  <option>Number of users</option>
  {{#each pricingOptions.monthly}}
    <option value="{{id}}">{{optionLabel}}</option>
  {{/each}}
</select>

<span>{{pricingOptions.monthly.regularPrice}}</span>

var productList = {
  pricingOptions: {
    monthly: [
      {
        id: 1,
        optionLabel: "1 user",
        regularPrice: 10.00
      },
      {
        id: 2,
        optionLabel: "2 users",
        regularPrice: 20.00
      }
    ],
    yearly: [
      {
        id: 1,
        optionLabel: "1 user",
        regularPrice: 100.00
      },
      {
        id: 2,
        optionLabel: "2 users",
        regularPrice: 200.00
      }
    ]
  }
}
...