<\/div>\n

Merhaba,<\/p>\n

HTML etiketlerini pasifize etmek i\u00e7in kulland\u0131\u011f\u0131m\u0131z “disabled” attribute’una AngularJS’de m\u00fcdahale edebilmek i\u00e7in ng-disabled direktifi olu\u015fturulmu\u015ftur. Bu direktif sayesinde anl\u0131k bir m\u00fcdahaleyle istedi\u011fimiz html eleman\u0131n\u0131n disabled niteli\u011finde de\u011fi\u015fikiklik yapabilir ve projemize h\u0131z kazand\u0131rabiliriz.<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <script src="~\/Scripts\/angular.min.js"><\/script>\r\n<\/head>\r\n<body ng-app="">\r\n    <input type="checkbox" ng-model="Durum" \/>\r\n    <br \/>\r\n    <!-- Durum modeli text nesnesine ba\u011flanmaktad\u0131r.-->\r\n    <input type="text" ng-disabled="Durum" \/>\r\n    <br \/>\r\n    <select>\r\n        <option>De\u011fer1<\/option>\r\n        <option>De\u011fer2<\/option>\r\n        <!-- Durum modeli select nesnesi i\u00e7erisindeki option nesnesine ba\u011flanmaktad\u0131r.-->\r\n        <option ng-disabled="Durum">De\u011fer3<\/option>\r\n        <option>De\u011fer4<\/option>\r\n    <\/select>\r\n    <br \/>\r\n    <!-- Durum modeli select nesnesine ba\u011flanmaktad\u0131r.-->\r\n    <select ng-disabled="Durum">\r\n        <option>De\u011fer1<\/option>\r\n        <option>De\u011fer2<\/option>\r\n        <option>De\u011fer3<\/option>\r\n        <option>De\u011fer4<\/option>\r\n    <\/select>\r\n    <br \/>\r\n    <!-- Durum modeli color nesnesine ba\u011flanmaktad\u0131r.-->\r\n    <input type="color" ng-disabled="Durum" \/>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funu incelerseniz e\u011fer checkbox nesnesine ba\u011flanan “Durum” modeli ile di\u011fer nesnelerin ng-disabled direktifi beslenmekte ve \u015fekillendirilmektedir.
\n<\/a><\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, HTML etiketlerini pasifize etmek i\u00e7in kulland\u0131\u011f\u0131m\u0131z “disabled” attribute’una AngularJS’de m\u00fcdahale edebilmek i\u00e7in ng-disabled direktifi olu\u015fturulmu\u015ftur. Bu direktif sayesinde anl\u0131k bir m\u00fcdahaleyle istedi\u011fimiz html eleman\u0131n\u0131n disabled niteli\u011finde de\u011fi\u015fikiklik yapabilir ve projemize h\u0131z kazand\u0131rabiliriz. <!DOCTYPE...<\/p>\n","protected":false},"author":1,"featured_media":7002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2022],"tags":[2024,2097,2099,2098],"class_list":["post-7127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angularjs","tag-angularjs","tag-angularjs-ng-disabled-direktifi","tag-ng-disabled","tag-ng-disabled-direktifi"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=7127"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/7002"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=7127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=7127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=7127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}