C# Corner
Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certification
Contribute
Article
Blog
Video
Ebook
Interview Question
Collapse
Feed
Dashboard
Wallet
Learn
Achievements
Network
Refer
Rewards
SharpGPT
Premium
Contribute
Article
Blog
Video
Ebook
Interview Question
Register
Login
Angular 2 - Class Binding and Style Binding
</div> <div id="ctl00_MainContent_divTagsBox" class="tech-tags-list tags_recommended"><a class="tags-link" href='/videos/tag/angular-2' >Angular 2</a><a class="tags-link" href='/videos/tag/class-binding' >Class Binding</a><a class="tags-link" href='/videos/tag/style-binding' >Style Binding</a></div> <div class="cotent-share-icon social-media-dropdown btn-filter-ctrl btn-icon-dots icon-three-dots"> <span class="btn-icon-dots icon-three-dots" aria-label="more option"> <i class="icon-sprite icon-sprite-threedots"></i> </span> <ul id="IconContainer" data-content-type="Video" class="svg-dropdown-icon-dropdown-list"> <li><a class="icon-sprite icon-sprite-facebook" title="Share on Facebook" href='https://www.facebook.com/sharer.php?u=https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/' onclick="popupwindowAtCenter(this.href,'Share on Facebook',600,600);return false;" target="_blank" data-track> </a> </li> <li><a title="Share on Twitter" href='https://twitter.com/intent/tweet?via=CsharpCorner&related=CsharpCorner&text=Angular+2+-+Class+Binding+and+Style+Binding https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/ by @rahulsahay19' target="_blank" class="icon-sprite icon-sprite-twitter" data-track> </a></li> <li> <a class="icon-linkedIn-2 icon-sprite icon-sprite-linkedin" title="Share on Linkedin" href='https://www.linkedin.com/shareArticle?mini=true&url=https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/' onclick="popupwindowAtCenter(this.href,'Share on LinkedIn',600,600);return false;" target="_blank" data-track> </a></li> <li><a class="icon-reddit icon-sprite icon-sprite-reddit" title="Share on Reddit" href='//www.reddit.com/submit?title=Angular+2+-+Class+Binding+and+Style+Binding&url=https://www.c-sharpcorner.com//article/angular-2-class-binding-and-style-binding/' onclick="popupwindowAtCenter(this.href,'Share on Reddit',600,600);return false;" target="_blank" data-track> </a></li> <li><a href="https://www.c-sharpcorner.com/userregistration/logincheck.aspx?returnurl=https://www.c-sharpcorner.com/articles/emailtofriend.aspx?articleid=59a5e3a2-bb3e-4452-8655-bf57174ec59d" id="ctl00_MainContent_ImageButtonEmail" cliendidmode="static" title="Email this video article to friend" class="icon-sprite icon-sprite-gmail"> </a></li> <li id="ListBookmarContent"><a href="https://www.c-sharpcorner.com/userregistration/logincheck.aspx?returnurl=https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/" id="ImageButtonAddToMyBookmarks" class="icon-bookmark-add" title="Bookmark this video" onclick="return AddToArticleBookmark();"></a></li> </ul> </div> <div class="vidoesViews-sec"> <div class="list-foot-action-ctrl"> <div class="action-item"> <a id="VideoHistory" class="videos-history-section" title="History"> <i class="icon-sprite icon-sprite-history"></i> </a> <span id="PublishDate" class="time" title="Updated Date">8y</span> </div> <div title="Views" class="action-item"> <i class="icon-sprite icon-sprite-views"></i> <span id="ViewCounts">5.8k </span> </div> <a title="Points" href="/members/rank.aspx?page=points-table" class="action-item"> <i class="icon-sprite icon-sprite-points"></i> <span id="ctl00_MainContent_ContributionPoints_Points" class="tokens">500</span> </a> </div> <div class="content-actions" style="display: none;"> <ul id="TopStatsContainer2" class="user-action-list list-inline"> <li class="reader-level"><i id="ReaderLevel" class="d-icon icon-level-beginner" title="Beginner"></i></li> <li class="relative" title="Views"><i class="d-icon icon-view"></i> <span id="ViewCounts1" class="user-action-count">0</span> </li> <li class="relative" id="CommentIcon" title="Comments"> <i class="d-icon icon-comment2"></i> <span id="spanComments" class="user-action-count">0</span> </li> </ul> </div> <div class="btnAction"> <div class="content-actions"> <ul id="TopStatsContainer" class="user-action-list list-inline"> <li class="topstatscontainer-item action-item"> <span id="btnLikeAnchor" class="d-icon icon-like like-button"></span> <span id="AnchorEmotionPopup" class="user-action-count" onclick="getContentReactions('59a5e3a2-bb3e-4452-8655-bf57174ec59d','video','1');"> <span id="LabelLikeCount" class="user-action-count">1</span> </span> <ul id="emotionsContainer" class="emotions-wrapper list-inline"> <li class='relative'><span onclick='reactByEmotion(1,"icon-e-like","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-like' data-toggle='tooltip' data-title="Like"></span><span></span><li class='relative'><span onclick='reactByEmotion(2,"icon-e-love","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-love' data-toggle='tooltip' data-title="Love It"></span><span></span><li class='relative'><span onclick='reactByEmotion(4,"icon-e-awesome","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-awesome' data-toggle='tooltip' data-title="Awesome"></span><span></span><li class='relative'><span onclick='reactByEmotion(5,"icon-e-interesting","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-interesting' data-toggle='tooltip' data-title="Interesting"></span><span></span><li class='relative'><span onclick='reactByEmotion(7,"icon-e-okay","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-okay' data-toggle='tooltip' data-title="It's Okay"></span><span></span><li class='relative'><span onclick='reactByEmotion(8,"icon-e-poor","746765","Angular 2 - Class Binding and Style Binding","/article/angular-2-class-binding-and-style-binding/Default.aspx");' class='d-icon icon-e-poor' data-toggle='tooltip' data-title="Thumbs Down"></span><span></span></ul> </li> </ul> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="post-wrap-new author-bio-content wrap"> <div class="author-bio-img"> <a href="https://www.c-sharpcorner.com/members/rahul-sahay3" id="AuthorProfileLinkOnPhoto" class="image"> <img src="https://www.c-sharpcorner.com/UploadFile/AuthorImage/74676520141215091613.jpg.ashx?width=55&height=55" id="ImgAuthor" height="55" width="55" class="img-circle img-author" alt="Rahul Sahay" title="Rahul Sahay" /> </a> </div> <div class="author-media"> <div class="form-group"> <div class="d-flex"> <a href="https://www.c-sharpcorner.com/members/rahul-sahay3" id="AuthorLinkForName" class="author-profile-link"> <span id="ctl00_MainContent_AuthorProfileLinkForName" class="u-name">Rahul Sahay</span> </a> </div> </div> <div id="AuthorBioDetails" class="bio-info" style="display: none">I am Software Developer by profession, Blogger by passion, Author by nature.Recently for my articles, I have been awarded with Microsoft MVP. Currently I am spearheading the development activities with Dell R&D Bang... <a href='https://www.c-sharpcorner.com/members/rahul-sahay3' class='LinkNormalBlue'>Read more</a></div> <div id="ArticleSummary" class="author-bio-info">I am Software Developer by profession, Blogger by passion, Author by nature.Recently for my articles, I have been awarded with Microsoft MVP. Currently I am spearheading the development activities with Dell R&D Bangalore. My role is pretty much design analysis and Implementation. Designation wise am Lead here. So, pretty cool stuffs like Development, Requirement Analysis, client interaction are the key attributes of my profile. Also, I take my time to write quick snippets which can be useful to tune the existing software and can be easily integrated with any new software. My blog can be viewed @ http://myview.rahulnivi.net/. My Book "Hands-On With ASP.NET MVC" is available on all the leading portals. However, same can be referred at http://ow.ly/Fa2U3A dedicated and results oriented Software professional and B.Tech (Information Science & Engineering) degree holder, with 7.5+ years of Software Consulting experience. I have an enviable track record through a series of Software Development, Software Support and Software Testing & Debugging. The results have been achieved by a mix of dedication, focus, persuasiveness, and a ‘can do’ attitude. I am able to adapt to new technologies in a quick time. I am well-versed with design and development of .net based applications. I am proactive and self-motivated to identify and acquire current trends and advancements in the organization. I possess the ability to expand job-related knowledge and skills to improve performance and adjust to change.Here are the books authored by me:- Pragmatic WCF:- http://bit.ly/pragmaticWCF-kindle & http://bit.ly/pragmaticWCF Building Single Page App With ASP.NET MVC 5 and Angular :- http://ow.ly/Jh4bI Hands on with ASP.NET MVC: Covering MVC 6:- http://bit.ly/handsonmvc</div> </div> </div> <div id="ctl00_MainContent_RecommendedVideo_recommendedvideos" class="videos-section"> <div class="heading"> <a href="/videos" rel="nofollow" aria-label="button">Recommended Videos</a> <p class="view-all-link"> <a href="/videos"><i class="c-icon icon-view-all"></i></a> </p> </div> <div class="videoList"> <ul id="ulVideoList" class="box_sizing clearfix"> <li class="box_sizing"> <a title='Learning AngularJS in 2 Hours - Part 1' href='/UploadFile/746765/learning-angular-js-in-2-hours-1st-part/' class="videoItem video-container"><i class="videoSprite"></i> <img loading="lazy" width="320" height="180" onerror="this.src='/Images/no-video.png'" src='https://i.ytimg.com/vi/AWJgnrG5Jo0/mqdefault.jpg' title='Learning AngularJS in 2 Hours - Part 1' alt='Learning AngularJS in 2 Hours - Part 1'> </a> <div class="card-video-title"><a title='Learning AngularJS in 2 Hours - Part 1' href='/UploadFile/746765/learning-angular-js-in-2-hours-1st-part/'">Learning AngularJS in 2 Hours - Part 1</a></div> <a class="video-post-by" title='Rahul Sahay' href='/members/rahul-sahay3'>Rahul Sahay</a> <div class="list-foot-action-ctrl card_footer_videos"> <div title="Updated Date" class="action-item"><i class="icon-sprite-02 icon-time"></i><span class="time">9y</span></div> <div title="Views" class="action-item"><i class="icon-sprite-02 icon-views"></i><span class="vidoesViews">79k</span></div> <a title="Points" href="/members/rank.aspx?page=points-table" class="action-item"> <i class="icon-sprite icon-sprite-points"></i> <span id="ctl00_MainContent_RecommendedVideo_RepeaterTopVideos_ctl00_ContributionPoints_Points" class="tokens">500</span> </a> </div> </li> <li class="box_sizing"> <a title='Getting Started with Angular 2' href='/article/getting-started-with-angular-2/' class="videoItem video-container"><i class="videoSprite"></i> <img loading="lazy" width="320" height="180" onerror="this.src='/Images/no-video.png'" src='https://i.ytimg.com/vi/n65kZwzgmE0/mqdefault.jpg' title='Getting Started with Angular 2' alt='Getting Started with Angular 2'> </a> <div class="card-video-title"><a title='Getting Started with Angular 2' href='/article/getting-started-with-angular-2/'">Getting Started with Angular 2</a></div> <a class="video-post-by" title='Rahul Sahay' href='/members/rahul-sahay3'>Rahul Sahay</a> <div class="list-foot-action-ctrl card_footer_videos"> <div title="Updated Date" class="action-item"><i class="icon-sprite-02 icon-time"></i><span class="time">8y</span></div> <div title="Views" class="action-item"><i class="icon-sprite-02 icon-views"></i><span class="vidoesViews">34.7k</span></div> <a title="Points" href="/members/rank.aspx?page=points-table" class="action-item"> <i class="icon-sprite icon-sprite-points"></i> <span id="ctl00_MainContent_RecommendedVideo_RepeaterTopVideos_ctl01_ContributionPoints_Points" class="tokens">500</span> </a> </div> </li> <li class="box_sizing"> <a title='How To Fix Angular Application Issues In IE11' href='/article/how-to-fix-angular-application-issues-in-ie11/' class="videoItem video-container"><i class="videoSprite"></i> <img loading="lazy" width="320" height="180" onerror="this.src='/Images/no-video.png'" src='https://i.ytimg.com/vi/EtJ336HYmOs/mqdefault.jpg' title='How To Fix Angular Application Issues In I...' alt='How To Fix Angular Application Issues In I...'> </a> <div class="card-video-title"><a title='How To Fix Angular Application Issues In IE11' href='/article/how-to-fix-angular-application-issues-in-ie11/'">How To Fix Angular Application Issues In IE11</a></div> <a class="video-post-by" title='Dinesh Kushwaha' href='/members/dinesh-kushwaha13'>Dinesh Kushwaha</a> <div class="list-foot-action-ctrl card_footer_videos"> <div title="Updated Date" class="action-item"><i class="icon-sprite-02 icon-time"></i><span class="time">6y</span></div> <div title="Views" class="action-item"><i class="icon-sprite-02 icon-views"></i><span class="vidoesViews">18.2k</span></div> <a title="Points" href="/members/rank.aspx?page=points-table" class="action-item"> <i class="icon-sprite icon-sprite-points"></i> <span id="ctl00_MainContent_RecommendedVideo_RepeaterTopVideos_ctl02_ContributionPoints_Points" class="tokens">500</span> </a> </div> </li> </ul> </div> <div class="clearfix"></div> </div> <div class="clear"></div> <div id="div1" class="content-header" style="display: none;"> <div class="media"> <div class="media-left media-top hidden-xs"> <a href="https://www.c-sharpcorner.com/technologies/angular" id="CategoryLink"> </a> </div> <div class="media-body"> </div> </div> <div id="ctl00_MainContent_ad728X90" style="clear: both; padding: 5px;"> </div> </div> <div class="user-content"> <div class="b-row" style="padding: 0 15px; display: none;"> <div class="content-head-link clearfix"> <div class="ad-items linkAdContainer" id="LinkAdContainerTop"> </div> </div> </div> <div id="div2"> <span id="ctl00_MainContent_LabelResourceDetail"></span> </div> </div> <div class="linkAdContainer bottom" id="LinkAdContainerBottom" style="display: none;"> </div> <div id="OurEbooks1" style="display: none;"></div> <div id="ctl00_MainContent_CommentsBox" class="commentsContainer" style="display: none;"></div> </div> <input type="hidden" name="ctl00$MainContent$hddMinorCategoryName" id="hddMinorCategoryName" value="Angular" /> <input type="hidden" name="ctl00$MainContent$HDDUrl" id="HDDUrl" /> <input type="hidden" name="ctl00$MainContent$hiddenFieldNext" id="ctl00_MainContent_hiddenFieldNext" /> <input type="hidden" name="ctl00$MainContent$hiddenFieldPrevious" id="ctl00_MainContent_hiddenFieldPrevious" /> <input type="hidden" name="ctl00$MainContent$HiddenFieldCurrentPageUrl" id="ctl00_MainContent_HiddenFieldCurrentPageUrl" value="https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/" /> <input type="hidden" name="ctl00$MainContent$hddArticleID" id="hddArticleID" value="59a5e3a2-bb3e-4452-8655-bf57174ec59d" /> <input type="hidden" name="ctl00$MainContent$hddRawUrl" id="hddRawUrl" value="/article/angular-2-class-binding-and-style-binding/" /> <input type="hidden" name="ctl00$MainContent$hiddenFieldReturnUrl" id="hiddenFieldReturnUrl" value="https://www.c-sharpcorner.com/userregistration/logincheck.aspx?returnurl=https://www.c-sharpcorner.com/article/angular-2-class-binding-and-style-binding/" /> <input type="hidden" name="ctl00$MainContent$HiddenAuthorId" id="HiddenAuthorId" value="746765" /> <input type="hidden" name="ctl00$MainContent$HiddenFiledContentTitle" id="HiddenFiledContentTitle" value="Angular 2 - Class Binding and Style Binding" /> <input type="hidden" name="ctl00$MainContent$HiddenContentType" id="HiddenContentType" value="article" /> <input type="hidden" name="ctl00$MainContent$HiddenUserRole" id="HiddenUserRole" /> <input type="hidden" name="ctl00$MainContent$HiddenIsContentApproved" id="HiddenIsContentApproved" value="true" /> <input type="hidden" name="ctl00$MainContent$HiddenIsAllowPost" id="HiddenIsAllowPost" value="true" /> <input name="ctl00$MainContent$HiddenContentShortDescription" type="hidden" id="HiddenContentShortDescription" value="In this video, I will talk about Class and Style Binding in Angular 2." /> <input type="hidden" name="ctl00$MainContent$hiddenLastStopTime" id="hiddenLastStopTime" /> <input type="hidden" name="ctl00$MainContent$HiddenFieldVideos" id="HiddenFieldVideos" value="Videos" /> <input type="hidden" name="ctl00$MainContent$hddCurrentUser" id="hddCurrentUser" /> <style> .overlay-bg-response-alert { background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 9999; } .popup-window-response-alert { margin: auto; position: relative; top: 100px; background-color: var(--popupBg); height: auto; max-height: 660px; overflow: hidden; overflow-y: auto; width:fit-content; max-width: 520px; } .popup-wrap-response-alert { padding: 0px 20px 0px 20px; } .popup-header-response-alert { text-align: center; background-color: var(--popupBg); /* padding-top: 10px;*/ line-height: 30px; font-size: 18px; color: var(--texthightlight); font-weight: bold; position: sticky; top: 0px; } .popup-heading-response-alert, .popup-heading-response-alert > span { padding: 10px; font-size: 18px; font-weight: 500; margin-bottom: 0px; text-transform: capitalize; } .PopupContent-response .icon-close { cursor: pointer; } .PopupContent-response .icon-close::before { transform: rotate(45deg); } .PopupContent-response .icon-close::before, .PopupContent-response .icon-close::after { content: ""; display: block; position: absolute; top: 24px; right: 30px; background-color: #ffffff; width: 20px; height: 3px; border-radius: 2px; } .PopupContent-response .icon-close::after { transform: rotate(-45deg); } .popup-body-response-alert { overflow-y: auto; display: flex; justify-content: center; padding: 12px 24px; align-items: center; } .messagebody-alert { font-size: var(--FontSize16); font-weight: 300; } .popup-footer-response-alert { width: auto; text-align: center; padding: 12px 0; position: relative; } #PopUp-body-alert { display: none; } .popup-footer-response-alert{ display:flex; justify-content:center; gap:10px; } .btn_alert { color: #fff; margin:5px 0px 0px; padding: 5px 20px; border: none; font-size:14px; border-radius: 40px; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; transition: background-color 0.3s; } @media screen and (max-width: 1023px) { .popup-window-response-alert { max-width: 90%; } } .light-mode .icon-close:hover::before, .light-mode .icon-close:hover::after { background-color: #000; } </style> <div class="PopupContent-response" id="PopUp-body-alert"> <div id="getStartedpopup_alert" class="overlay-bg-response-alert"> <div class="popup-window-response-alert"> <div class="popup-wrap-response-alert"> <div class="popup-header-response-alert"> <div class="popup-heading-response-alert"> <span id="MessageHeading">Message</span> </div> </div> <div id="btnFeedbackPopupClose_alert" class="icon-close" title="Close" data-dismiss="modal" onclick="hidePopupAlert()"></div> <div class="popup-body-response-alert"> <div class="messagebody-alert" id="messagebody_alert"></div> </div> <div class="popup-footer-response-alert"> <button id="btnsubmit_alert" type="button" class="btn_alert success-btn">OK</button> <button id="btncancel_alert" type="button" class="btn_alert danger-btn" onclick="hidePopupAlert()">Close</button> </div> </div> </div> </div> </div> <script> //function for both ok && cancel button function showPopupAlert(message, onConfirm) { document.getElementById('PopUp-body-alert').style.display = 'block'; // Set the message body text document.getElementById('messagebody_alert').innerHTML = message; // Ensure the buttons are visible document.getElementById('btnsubmit_alert').style.display = 'inline'; document.getElementById('btncancel_alert').style.display = 'inline'; // Set the on click event for the Submit button document.getElementById('btnsubmit_alert').onclick = function () { onConfirm(); document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup after confirmation }; // Set the on click event for the Cancel button document.getElementById('btncancel_alert').onclick = function () { document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup when cancel is clicked }; } //function for only ok button function showPopupMsg(message) { document.getElementById('PopUp-body-alert').style.display = 'block'; // Set the message body text document.getElementById('messagebody_alert').innerHTML = message; // Ensure the buttons are visible document.getElementById('btnsubmit_alert').style.display = 'inline'; document.getElementById('btncancel_alert').style.display = 'none'; // Set the on click event for the Cancel button document.getElementById('btnsubmit_alert').onclick = function () { document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup when cancel is clicked }; } function hidePopupAlert() { // Hide the popup document.getElementById('PopUp-body-alert').style.display = 'none'; } </script> </section> <aside class="aside-right"> <style> .event-calendar{ display:flex; flex-direction:column-reverse; background:linear-gradient(-180deg, rgba(93,107,148, 40%) 40%, #0086dc 40%); text-align: center; border-radius: 4px; min-width: 42px; max-width: 42px; min-height:50px; } .event-list-item{ display:flex; flex-direction:row; align-items:center; gap:15px; margin-bottom:15px; } .event-title a{ font-size: var(--FontSize14); color:var(--texthightlight); } .event-title a:hover{ color:var(--textHover); } .local-day{ font-size:20px; font-weight:600; height:31px; color:var(--textColor); } .local-month{ font-size:12px; color:var(--textColor); } </style> <div id="ChapterEventsBox" class="wrap"> <div class="wrap-heading"> <div class="heading">Upcoming events</div> <a href="/chapters/" class="btn-view-all">View all</a> </div> <ul id="ChapterEventsContainer" class="UpComing-Events-list"><li id='event-1' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay1' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth1' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://www.c-sharpcorner.com/events/cloud-security-devsecops-why-your-code-is-never-really-safe-code-red-ep7' title='Cloud Security & DevSecOps: Why Your Code is Never Really Safe - Code Red: Ep.7'>Cloud Security & DevSecOps: Why Your Code is Never Really Safe - Code Red: Ep.7</a></div></li><li id='event-2' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay2' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth2' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://www.c-sharpcorner.com/events/azure-cosmos-db-conf-2025' title='Azure Cosmos DB Conf 2025'>Azure Cosmos DB Conf 2025</a></div></li><li id='event-3' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay3' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth3' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://www.c-sharpcorner.com/events/ai-in-cybersecurity-friend-or-foe-code-red-ep8' title='AI in Cybersecurity: Friend or Foe - Code Red: Ep.8'>AI in Cybersecurity: Friend or Foe - Code Red: Ep.8</a></div></li></ul> <input type="hidden" name="ctl00$ContentPlaceHolderRightBar$RightSideCommonControl$UpcomingEvents$HiddenLocalTimezone" id="HiddenLocalTimezone" /> <input type="hidden" name="ctl00$ContentPlaceHolderRightBar$RightSideCommonControl$UpcomingEvents$HiddenLocalDateTime" id="HiddenLocalDateTime" /> <div id="tzListDiv"> <input type="hidden" name="ctl00$ContentPlaceHolderRightBar$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_1" id="HiddenUTCDateTimeList_1" value="2025-04-12T07:30:00" /><input type="hidden" name="ctl00$ContentPlaceHolderRightBar$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_2" id="HiddenUTCDateTimeList_2" value="2025-04-15T16:00:00" /><input type="hidden" name="ctl00$ContentPlaceHolderRightBar$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_3" id="HiddenUTCDateTimeList_3" value="2025-04-19T07:30:00" /> </div> </div> <script> /* date-time conversion js Start */ var options = { weekday: "long", year: "numeric", month: "long", day: "numeric" }; function GetDayName(e) { var n = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]; return n[e]; } function getTimezoneName() { const e = new Date(); const n = e.toLocaleDateString(); const t = e.toLocaleDateString(undefined, { timeZoneName: "long" }); const o = t.indexOf(n); if (o >= 0) { return (t.substring(0, o) + t.substring(o + n.length)).replace(/^[\s,.\-:;]+|[\s,.\-:;]+$/g, ""); } return t; } function convertUTCDateToLocalDate(date) { var localDate = new Date(date); localDate.setMinutes(date.getMinutes() - date.getTimezoneOffset()); return localDate; } /* date-time conversion js Ends */ document.addEventListener("DOMContentLoaded", function () { // Set the local timezone name var tzInput = document.getElementById("HiddenLocalTimezone"); if (tzInput) { tzInput.value = getTimezoneName(); } var index = 1; while (true) { var hiddenInput = document.getElementById("HiddenUTCDateTimeList_" + index); if (!hiddenInput) break; var utcDateStr = hiddenInput.value; var utcDate = new Date(utcDateStr); // Convert UTC to Local var localDate = convertUTCDateToLocalDate(utcDate); var evntDt = convertUTCDateToLocalDate(utcDate); var monthDay = localDate.toLocaleString('default', { month: 'short' }); var shortMonthName = monthDay.substring(0, 3) + " " + localDate.getDate(); var localTimeString = localDate.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true }); var time = localTimeString.split(' '); var timeHM = time[0].split(':'); var timeMin = (timeHM[1] === "00") ? timeHM[0] : time[0]; var localDayTime = GetDayName(localDate.getDay()) + " " + timeMin + " " + time[1]; var monthDaySplit = shortMonthName.split(' '); var monthEl = document.getElementById("LocalMonth" + index); var dayEl = document.getElementById("LocalDay" + index); if (monthEl) monthEl.textContent = monthDaySplit[0].toUpperCase(); if (dayEl) dayEl.textContent = monthDaySplit[1]; // Optional: Hide past event /* const currentdate = new Date(); if (evntDt <= currentdate) { var eventElement = document.getElementById(`event-${index}`); if (eventElement) { eventElement.style.display = "none"; } } */ index++; } }); </script> <div id="CsharpCorner_2019_336X280" style=" display: flex; flex-direction: row; gap: 10px; justify-content: center; position: sticky; top: 70px; "> <a href="https://sharpeconomy.org/" target="_blank"> <img src="https://www.c-sharpcorner.com/UploadFile/Ads/Common-ad-336x280.png" alt="Special Giveaway" width="100%" height="100%" > </a> </div> </aside> </div> </main> <style> .icon-sprite-footer { display: inline-block; border: none; cursor: pointer; background-image: url('/Images/social-icons.png'); /* Ensure the correct path and extension */ background-size: auto; /* Adjust if needed */ background-color: transparent; } .icon-sprite-footer-facebook { width: 24px; height: 30px; background-position: 0px 0px; } .icon-sprite-footer-twitter { width: 24px; height: 30px; background-position: -29px 0px; } .icon-sprite-footer-linkedin { width: 26px; height: 30px; background-position: -62px 0px; } .icon-sprite-footer-yt { width: 34px; height: 30px; background-position: -98px 0px; } .icon-sprite-footer-windows { width: 26px; height: 30px; background-position: 135px 0px; } .icon-sprite-footer-playstore { width: 26px; height: 30px; background-position: 98px 0px; } .icon-sprite-footer-appstore { width: 26px; height: 30px; background-position: 64px -2px; } .icon-sprite-footer-support { width: 27px; height: 30px; background-position: 32px 0px; } </style> <div id="NewFooter"> <footer class="main-footer"> <div class="inner-footer"> <div class="social-media-wrap"> <a title="Facebook" href="https://www.facebook.com/pages/C-Corner/194086953935286" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-facebook"></a> <a title="Twitter" href="https://twitter.com/csharpcorner" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-twitter"></a> <a title="LinkedIn" href="https://www.linkedin.com/company/csharpcorner/" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-linkedin"></svg> </a> <a title="Youtube" href="https://www.youtube.com/user/CsharpCorner1/" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-yt"></a> <a title="Windows App" href="https://www.microsoft.com/store/apps/9nblggh4tmwd?ocid=badge" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-windows"></a> <a title="Android App" href="https://play.google.com/store/apps/details?id=com.mcn.csharpcorner&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-playstore"></a> <a title="iOS App" href="https://itunes.apple.com/us/app/c-corner/id451080586?ls=1&mt=8" target="_blank" style="text-decoration: none;" class="icon-sprite-footer icon-sprite-footer-appstore"></a> <a title="Contact Support" href="/notification/contactsupport.aspx" target="_blank" class="icon-sprite-footer icon-sprite-footer-support"></a> </div> <div class="footer-links"> <a title="About Us" href="https://www.c-sharpcorner.com/about" class="foot-item-link">About Us</a> <a title="Contact Us" href="https://www.c-sharpcorner.com/contactus.aspx" class="foot-item-link">Contact Us</a> <a title="Privacy Policy" href="https://www.c-sharpcorner.com/privacypolicy.aspx" class="foot-item-link">Privacy Policy</a> <a title="Terms" href="https://www.c-sharpcorner.com/termsconditions.aspx" class="foot-item-link">Terms</a> <a title="Media Kit" href="https://www.c-sharpcorner.com/media/contactus.aspx" class="foot-item-link">Media Kit</a> <a title="Partners" href="https://www.c-sharpcorner.com/partners.aspx" class="foot-item-link">Partners</a> <a title="C# Tutorials" href="https://www.c-sharpcorner.com/csharp-tutorials" class="foot-item-link">C# Tutorials</a> <a title="Consultants" href="https://consultants.c-sharpcorner.com/" class="foot-item-link" target="_blank">Consultants</a> <a title="Ideas" href="https://www.c-sharpcorner.com/ideas" class="foot-item-link">Ideas</a> <a title="Report a Bug" href="https://www.c-sharpcorner.com/report-bugs" class="foot-item-link">Report A Bug</a> <a title="FAQs" href="https://www.c-sharpcorner.com/faq" class="foot-item-link">FAQs</a> <a title="Certifications" href="https://www.c-sharpcorner.com/certification" class="foot-item-link">Certifications</a> <a title="Sitemap" href="https://www.c-sharpcorner.com/sitemap/" class="foot-item-link">Sitemap</a> <a title="Stories" href="https://www.c-sharpcorner.com/stories" class="foot-item-link">Stories</a> <a title="CSharp TV" href="https://www.c-sharpcorner.com/live" class="foot-item-link">CSharp TV</a> <a title="DB Talks" href="https://www.dbtalks.com/" class="foot-item-link" target="_blank">DB Talks</a> <a title="Let's React" href="https://www.letsreact.org/" class="foot-item-link" target="_blank">Let's React</a> <a title="Web3 Universe" href="https://web3universe.today/" class="foot-item-link" target="_blank">Web3 Universe</a> <a title="interviews.help" href="https://www.interviews.help/" class="foot-item-link" target="_blank">Interviews.help</a> <a title="Jumpstart Blockchain" href="https://www.jumpstartblockchain.com/" class="foot-item-link" target="_blank">Jumpstart Blockchain</a> <a title="Build with JavaScript" href="https://www.buildwithjavascript.com/" class="foot-item-link" target="_blank">Build with JavaScript</a> </div> <div class="copyright"> <p>©2025 C# Corner.</p> <p>All contents are copyright of their authors.</p> </div> </div> </footer> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="E6D0DBF9" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdABxKY6tJwQGEwg5stWn0iwxK8tgt2KjyyiDhxtapMocmI++o/R2HzFhtDOGan4OOQdbudbs4LJNcB9ab7z6FlhH06JY78/QC/FT04CMiDCGbhkHMXgAz11bZoiQEU2Yj0LyFk61ZSmiGBkB2X5HmW5FLwAGICu1Nkktwh4BSif4/1CQ9sQqBDprGGmAnjELCaPsOa7szy1BDYKsZofb5bwCmtX5JKdemkQB6MTCzNXEGq8wz46+lXBEFCswOlMEUqXmlQZZiqUEX8sxXsYwrFSbZnkJ7vFjFimSVmEzqC8+UOOQEEDDkJGQI46+XFX+IZGOcH3ubmZGRozUmwVZEz2EXmie89ah1CT29e0GklpEgrburL69qMHsprY/HvZumuxuLqh71A72RLIjLa35poftP9EAS3qJBYZiIqBVQwVKO8E/eFnZYQTcyLJ+uf7JhToNTuvgEkQTkGCiPxSTEtZSacoTvNxSl/IADt3k11GTw0MlyhlXc4pWMgsDFxyrCMn0JoDBPH4D9HppF24zU3bUTC5PQaj6BnEcqsjkY7niQrNa9jt9m6hCZh1B5+F/IJuzT8493TIQ5yZmBdq/Ly8KT1PDaQBJtKpff4dG1Z35LGJJwTw8=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=7T0TTNRMLWS7341dKzBHTJPEgR2Gsj41UucL69DCprL_hrO-1GW_6Pb4yCwdbDXXDBu4pyG0pV8C5HWdj-C48EVhy0Y1&t=638628207619783110" type="text/javascript"></script> </form> <script src="https://www.c-sharpcorner.com/JQuery/jquery.min-20150912.js"></script> <script src="https://www.c-sharpcorner.com/JQuery/DatepickerUI/jquery-ui.min.js"></script> <script src="https://www.c-sharpcorner.com/JQuery/jquery-Mention-Combined.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/NewCommon_20230624.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/NewLogin_20230624.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/NewPopupPlugin.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/NewEmotions_200181208.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/comments_new_20230624.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/NewAds_20210123.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/NewScripts/video_detail_new_20200719.js"></script> <script src="https://www.c-sharpcorner.com/JavaScripts/VideoSearch_20200719.js"></script> <script src="https://www.c-sharpcorner.com/jwplayer/jwplayer.js"></script> <script src="https://www.c-sharpcorner.com/jwplayer/jquery.playlist.js"></script> <script> jQuery(document).click(function () { jQuery(".cotent-share-icon > ul").slideUp("fast"); }); jQuery(".btn-icon-dots").click(function (e) { e.stopPropagation(); jQuery(".cotent-share-icon > ul").slideToggle("fast"); }); function loadScript(src) { var script = document.createElement('script'); script.src = src; script.defer = true; document.body.appendChild(script); } // Load the scripts after a 5-second delay setTimeout(function () { loadScript('/JavaScripts/NewScripts/login-v3.js'); loadScript('/JavaScripts/NewScripts/videos_watch_history.js'); }, 2000); // 5000ms = 5 seconds </script> <script> function getCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for (var i = 0; i < allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name) == 0) return temp.substring(name.length, temp.length); } return ""; } </script> <script> function makeSticky() { if (!window.jQuery) { setTimeout(makeSticky, 100); return; } var s = jQuery(".sticky-ad"); var w = jQuery(window); var t = s.length > 0 ? s.offset().top : 0; var f = jQuery("footer"); var ft = f.offset().top; if (s.length > 0) { w.scroll(function () { if (w.scrollTop() + 47 > t) { if (w.scrollTop() + 47 + s.innerHeight() > ft + 5) { s.removeClass("fixed-t"); s.addClass("fixed-b"); } else { s.addClass("fixed-t"); s.removeClass("fixed-b"); } } else { s.removeClass("fixed-t") s.removeClass("fixed-b") } }) } } </script> </body> </html>