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

آموزش رخدادها در AngularJS

دوره آموزش SPA

رمز فایل :tahlildadeh.com

 

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

رخدادها در angularJS

دستور ng-click

دستور ng-click یک رخداد تعریف می کند که به محض کلیک بر روی دکمه توسط کاربر، اجرا می شود.

نمونه یک

 

{{ count }}

امتحان کنید

پنهان سازی المان های HTML

از دستور ng-hide برای تنظیم قابلیت رویت و نمایش (visibility) یک قسمت از برنامه استفاده می شود.

مقدار "ng-hide="true باعث می شود که یک عنصر HTML محو شود.

مقدار "ng-hide="false باعث می شود یک المان HTML قابل رویت گردد.

نمونه دو

      var app = angular.module('myApp', []);
        app.controller('personCtrl', function ($scope) {
            $scope.firstName = "John",
            $scope.lastName = "Doe"
            $scope.myVar = false;
            $scope.toggle = function () {
                $scope.myVar = !$scope.myVar;
            };
        });
امتحان کنید

شرح برنامه:

اولین قسمت personController دقیقا مانند آنچه در مبحث کنترلگرها یاد گرفتید است.

برنامه ی مورد نظر دارای یک خاصیت (property) پیش فرض (یک متغیر) است: scope.myVar=false$

دستور ng-hide نمایش یافتن یا محو شدن عنصر <p> به همراه دو فیلد input را بر اساس مقدار متغیر myVar که می تواند true یا false باشد، تعیین می کند.  

تابع ()toggle باعث می شود متغیر myVar بین true و false تغییر وضعیت دهد.

دستور "ng-hide="true باعث می شود که عنصر مورد نظر، پنهان شود.

نمایش دادن عناصر HTML

همچنین از دستور ng-show می توان برای تنظیم نمایش و قابلیت رویت (visibility) یک قسمت از برنامه بهره گرفت.

دستور "ng-show="false المان HTML را محو می کند.

دستور "ng-show="true یک المان HTML را نمایان می کند.

در زیر نمونه ای مانند مثال بالا را می بینید با این فرق که بجای ng-hide از ng-show استفاده شده:

 

نمونه سه

    

First Name:
Last Name:

Full Name: {{person.firstName + " " + person.lastName}}

امتحان کنید

 

  • 1137
  •    1208
  • تاریخ ارسال :   1394/09/17

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .