Question

我的值是在警告中打印的，但是如何在我的DOM中打印此值？比如在h1标签中？

app.html：

<template>

  <select value.bind="changedValue" change.delegate="DropdownChanged(changedValue)">
    <option model.bind="1">1</option>
    <option model.bind="2">2</option>
    <option model.bind="3">3</option>
    <option model.bind="4">4</option>
  </select>

</template>

app.js

export class App {
  changedValue;


  DropdownChanged(changedVal) {
    alert(changedVal);
  }

}

https://gist.run/?id=87f6897928feb504dad638d439caf92f

Answer 1

App中的changedValue会保留您在我看到时选择的模型。

你只需要给它一个默认值（也许是一个更好的名字）

export class App {
  value = 1;

然后在选择其他值而不是警告时更新它。

DropdownChanged(changedVal) {
  this.value = changedVal;
}

然后您可以在模板中自由使用

<template>
    <h1>${value}</h1>
...

根据建议，您可能根本不需要更改拦截器，在这种情况下，您只需绑定到select模型：

<select value.bind="selectedValue">

和

<h1>Selected Value: ${selectedValue}</h1>

（在这个特定的简化示例中不需要任何js代码）

aurelia.js从我的DOM中打印一个值

1 个答案: