検証エラーの場合にAureliaバリューコンバータの更新を停止する

Question

検証エラーの場合にバリューコンバータの更新を停止する方法はありますか？

export class JsonValueConverter { 
    toView(value) { 
     return JSON.stringify(value); 
    } 

    fromView(value) { 
     try { 
      return JSON.parse(value); 
     } catch (e) {} 
    } 
} 

<textarea value.bind="obj | json"></textarea> 

テキストエリアに入力された無効なJSON値がobj = undefinedが発生します。たとえば、この単純なコンバータを検討してください。私は最後の有効な値を保持したいと思います。

Answer 1

残念なことにValueConverterはステートレスなので、あなたのやりたいことをするように設計されていないため、助けにならないでしょう。

私の提案は、JSONオブジェクトの解析に成功したかどうかをチェックすることです。表示されない場合は、catch()括弧にreturn value;を追加して、未変換の値を返してください。純粋なままにしたい場合は、return null;。

また、データをコミットする前に有効な入力を要求するために、フォームに検証を追加する必要があります。私はAurelia検証を使用することをお勧めします - それはあなたのためにここでうまくいくでしょう。

最後に、バインド動作を追加して、Value Converterが入力を妨害しないようにすることを検討する必要があります。 & debounce:1000を追加すると、1秒間のアイドルアイドル入力後にのみチェックするか、または& updateTrigger:'blur'をチェックして、フォーカスが失われるまで検証待ちにすることができます。