2017-10-21 4 views
0

Ich verstehe nicht, warum diese "Eigenschaft geändert" über @observable nicht funktioniert, die stringValueChanged() -Methode wird nicht aufgerufen. Was fehlt mir hier? (Die gesamte Bindung ist hier nicht arbeiten.)Aurelia: Binding und @observable funktioniert nicht

währungs control.ts

import { bindable, observable } from 'aurelia-framework'; 

export class CurrencyControl { 

    @bindable 
    value: number; 

    @observable 
    stringValue: string; 

    constructor() { 
    } 

    valueChanged(newValue: number, oldValue: number) { 
     alert('value changed'); 
    } 

    stringValueChanged(newValue: string, oldValue: string) { 
     alert('stringValueChanged changed'); 
    } 
} 

währungs control.html

<template> 

    <require from="./currency-control.css"></require> 

    <div class="input-group"> 
     <div class="input-group-addon">&euro;</div> 
     <input type="text" maxlength="5" pattern="\d*" class="form-control" value.bind="stringValue" /> 
    </div> 

</template> 

Antwort

0

meine Schuld! In der Komponente, die die CurrencyControl verwendet ich die CurrencyControl HTML erforderlich:

<template> 
    <require from="../currency-control/currency-control.html"></require> 

anstelle der Komponente:

<template> 
    <require from="../currency-control/currency-control"></require> 
Verwandte Themen