Aurelia - 值输入取决于另一个输入

时间:2018-04-23 09:19:15

标签: javascript aurelia aurelia-binding

我有2个像这样的输入:

HTML

<template>
  Input1
  <textarea name="" value.bind="item.input1" placeholder=""></textarea>

  Input2
  <textarea name="" value.bind="item.input2" placeholder=""></textarea>
</template>

TS FILE

import { MyModel } from '../models/mymodel';
export class MyApp {
    constructor() {
    }

    item: MyModel;

    activate(dto: MyModel) {
        this.item = new MyModel();

    }

}

我希望当我在Input1中输入文字时,Input2会绑定Input1中的值,但当我删除Input1中的文字时,Input2中的值{1}}不会改变。

例如:

我在Hello World =&gt; Input1中输入Input2的值为:Hello World

如果我将Input1值更改为:Hello =&gt; Input2值仍为:Hello World

1 个答案:

答案 0 :(得分:3)

您可以modelBuilder.Entity<Device>().HasMany(d => d.Pings).WithRequired(p => p.Device).HasForeignKey(p => p.IdDevice); 第一次输入更改并更新其他输入,如果值已更改为更长的时间:

return $this->users()->whereHas('roles', function ($query) {
    return $query->where('name','!=', 'admin');
})->first();

使用observe装饰器和常规命名方法import { observable } from "aurelia-binding"; export class MyModel { @observable() public input1: string; public input2: string; public input1Changed(newValue, oldValue) { if (!oldValue || (newValue && newValue.length > oldValue.length)) { this.input2 = newValue; } } } observable),您可以随意收听更改并使用旧值和新值。