خوش آمدید!

پاسخی که اینجا آوردم دقیقا ترجمه آزاد از مستند این بسته است:

بسیار متداول است که برای استفاده از داده‌هایی که کاربر وارد می‌کند نیاز به خواندن مقدار از Input html (یا TextArea یا Selection) دارید. در حقیقت باید مقادیر موجود در کنترلرهای Form را باید استخراج کنید و از انها در پردازش‌های خودتان استفاده کنید. این کار همواره در فرم‌ها استفاده می‌شود. در بسته Owl از یک روش ساده برای انتصاب کردن

class Form extends owl.Component {
  state = useState({ text: "" });

  _updateInputValue(event) {
    this.state.text = event.target.value;
  }
}

کد

این کارها. با این حال، این به کمی کد لوله کشی نیاز دارد. همچنین، در صورت نیاز به تعامل با یک چک باکس، یا با دکمه‌های رادیویی یا با برچسب‌های انتخابی، کد لوله‌کشی کمی متفاوت است.

برای کمک به این وضعیت، Owl یک مدل t دستورالعمل داخلی دارد: مقدار آن باید یک مقدار مشاهده شده در مؤلفه باشد (معمولا state.someValue). با دستور t-model می‌توانیم یک کد کوتاه‌تر، معادل مثال قبلی بنویسیم:

class Form extends owl.Component {
  state = { text: "" };
}

دستورالعمل t-model با ، ، ،

    
Text in an input: 

    
Textarea: 

    
Boolean value: 

    
Selection:
        
    

    

        Selection with radio buttons:
        
            
            Red
        
        
            
            Blue
        
    

مانند مدیریت رویداد، دستورالعمل t-model اصلاح کننده های زیر را می پذیرد:

برای نمونه:

این اصلاح کننده ها را می توان ترکیب کرد. به عنوان مثال، t-model.lazy.number فقط هر زمان که تغییر انجام شود یک عدد را به روز می کند.

توجه: زمین بازی آنلاین یک مثال برای نشان دادن نحوه عملکرد آن دارد.