بررسی سرویس $window در فریم ورک AngularJS

بررسی سرویس $window در فریم ورک AngularJS

در این پست از وبسایت پرووید، در رابطه با بررسی سرویس $window در فریم ورک AngularJS صحبت خواهیم کرد. به ادامه ی مطلب بروید.

در این قسمت از آموزش از وب سایت پرووید در رابطه با یک سرویس دیگر در AngularJS صحبت خواهیم کرد. سرویس $window به Object مربوط به پنجره مرورگر اشاره می کند. در جاوااسکریپت Window یک Global Object است که شامل متدهای بسیاری از قبیل alert و prompt میباشد. در رابطه با جاوا اسکریپت توصیه می کنیم که از بسته ی آموزش ویدئویی جاوا اسکریپت استفاده کنید.

بسته ی آموزش ویدئویی شروع به کار با Angular 2

از شما دعوت می کنیم که از بسته ی آموزش ویدئویی شروع به کار با Angular 2 دیدن کنید.

شبیه به سرویس $interval در AngularJS سرویس $window نیز به عنوان یک Wrapper برای این Object تلقی می شود. به این ترتیب به راحتی قابل Override کردن و حذف کردن و حتی Mock کردن برای تست نرم افزار است. در رابطه با تست نرم افزار می توانید از بسته ی آموزش ویدئویی پیشرفته ی Unit Testing در تست نرم افزار استفاده کنید.

بسته ی آموزش ویدئویی ساخت وب اپلیکیشن Full-stack با Angular 2 و ASP.NET Core

از شما دعوت می کنیم که از بسته ی آموزش ویدئویی ساخت وب اپلیکیشن Full-stack با Angular 2 و ASP.NET Core دیدن کنید.

توصیه می شود که در برنامه های AngularJS  به جای استفاده از شی Window از سرویس $window استفاده کنید. این موضوع در کد زیر نشان داده شده است.

<!DOCTYPE html>
<html>
<head>
    <script src="~/Scripts/angular.js"></script>
</head>
<body ng-app="myApp" ng-controller="myController">
    <button ng-click="DisplayAlert('Hello World!')">Display Alert</button>
    <button ng-click="DisplayPrompt()">Display Prompt</button>
    <script>
        var myApp = angular.module('myApp', []);

        myApp.controller("myController", function ($scope, $window) {

            $scope.DisplayAlert = function (message) {
                $window.alert(message);
            }

            $scope.DisplayPrompt = function () {
                var name = $window.prompt('Enter Your Name');
                
                $window.alert('Hello ' + name);
            }

        });
    </script>
</body>
</html>

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

مرتضی گیتی
بدون نظر

ارسال نظر

نظر
نام
ایمیل
وب سایت