آموزش اتصال داده ها در برنامه نویسی اورلیا

4 سال پیش

امتیاز دهید post

آموزش اتصال داده ها در برنامه نویسی اورلیا

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش اتصال داده ها در برنامه نویسی اورلیا خواهیم پرداخت.

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

اتصال ساده

شما قبلاً در بعضی از فصل های قبلی ما الزام آور ساده را مشاهده کرده اید. از syntax {…}$ برای پیوند دادن به مدل veiw و مشاهده استفاده می شود.

app.js

export class App {  
   constructor() {
      this.myData = 'Welcome to Aurelia app!';
   }
}

export class App {

constructor() {

this.myData = 'Welcome to Aurelia app!';

}

app.html

&lt;template&gt;
   &lt;h3&gt;${myData}&lt;/h3&gt;
&lt;/template&gt;

<h3>${myData}</h3>

</template>

اتصال دو طرفه

زیبایی اورلیا در سادگی آن است. وقتی ما به فیلدهای ورودی متصل می شویم ، اتصال داده دو طرفه به طور خودکار تنظیم می شود

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

export class App {

constructor() {

this.myData = 'Enter some text!';

}

app.html

&lt;template&gt;
   &lt;input id = "name" type = "text" value.bind = "myData" /&gt;
   &lt;h3&gt;${myData}&lt;/h3&gt;
&lt;/template&gt;

<h3>${myData}</h3>

</template>

Aurelia Data Binding Two Way

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

امتیاز دهید post

نویسنده مطلب saber

آموزش اتصال داده ها در برنامه نویسی اورلیا

آموزش اتصال داده ها در برنامه نویسی اورلیا

اتصال ساده

app.js

app.html

اتصال دو طرفه

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

بدون دیدگاه

آموزش اتصال داده ها در برنامه نویسی اورلیا

اتصال ساده

app.js

app.html

اتصال دو طرفه

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه