.NET Tips | جستجوها: نتایج مشابه «بررسی جامع فرم‌های Angular ۲»، صفحه: ۴۱

وحید نصیری

اشتراک‌ها

5 کتابخانه‌ی محبوب ترسیم چارت مخصوص Angular

5 best Angular charting libraries (Angular 2,4,5)

‫۶ سال و ۸ ماه قبل، دوشنبه ۲۳ بهمن ۱۳۹۶، ساعت ۰۴:۴۹

یونس بقائی

اشتراک‌ها

ارتقا پروژه angular ساخته شده در vs 2017 به آخرین نسخه Angular

‫۶ سال و ۹ ماه قبل، پنجشنبه ۷ دی ۱۳۹۶، ساعت ۲۳:۱۰

وحید نصیری

نظرات مطالب

شروع به کار با AngularJS 2.0 و TypeScript - قسمت یازدهم - کار با فرم‌ها - قسمت دوم

- data binding یعنی دقیقا به روز شدن اطلاعات با تغییرات کاربر. اگر مدنظر شما نیست، به صورت دستی آن‌را مدیریت کنید. ابتدا کار اتصال به رخداد blur را انجام دهید:

<input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">

و بعد تعریف متد معادل آن در کلاس کامپوننت:

export class AppComponent {  
   myModel: any;  

   constructor(){
          this.myModel = '123';  
   }

   onBlurMethod(){  
     alert(this.myModel);   
   }
}

+ Observableها دارای متدی هستند به نام debounceTime که برای همین منظور طراحی شده‌است. یک مثال:

export class AppComponent {
    searchForm: ControlGroup;
    results: Observable<any[]>;

    constructor(private http: Http) {
        let searchField = new Control();
        this.searchForm = new ControlGroup({searchField});
        this.results = searchField.valueChanges
                  .debounceTime(500)
                  .switchMap((val:string) => {
                         return this.search(val);
                  });
    }

البته این مورد بر روی async validation تاثیری ندارد. برای رفع این مشکل می‌توان از راه حلی مانند «Debouncing Angular 2 Input Component» و یا «How to add debounce time to an async validator in angular 2» استفاده کرد (فعلا؛ در زمان نگارش این مطلب).

‫۸ سال و ۵ ماه قبل، شنبه ۸ خرداد ۱۳۹۵، ساعت ۰۵:۵۳