AngularJS \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a8\u09bf\u099c\u09c7\u09b0 Directives \u09a4\u09c8\u09b0\u09bf\u0964
\nMd. Shahinoor Islam\u09a8\u09bf\u099c\u09c7\u09b0 Directives \u09a4\u09c8\u09b0\u09bf\u0964
\nHTML \u0989\u09aa\u09be\u09a6\u09be\u09a8, \u09ae\u09a8\u09cd\u09a4\u09ac\u09cd\u09af \u09ac\u09be CSS classes \u09a6\u09bf\u09df\u09c7 Directives \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u0964 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n
<my-directive><\/my-directive>
\n<input my-directive>
\n<!\u2013 directive: my-directive\u2013>
\n<input><\/p>\n
\u098f\u0995\u099f\u09bf Directive \u098f\u09b0 \u09a7\u09be\u09b0\u09a8\u09be
\nangular.module(\u2018app\u2019, []).directive(\u2018myDir\u2019, function() {
\nreturn myDirectiveDefinition;
\n});<\/p>\n
\u098f\u0995\u099f\u09bf Button Directive \u09b2\u09c7\u0996\u09be
\nescribe(\u2018button directive\u2019, function () {
\nvar $compile, $rootScope;
\nbeforeEach(module(\u2018directives.button\u2019));
\nbeforeEach(inject(function(_$compile_, _$rootScope_) {
\n$compile = _$compile_;
\n$rootScope = _$rootScope_;
\n}));
\nit(\u2018adds a \u201cbtn\u201d class to the button element\u2019, function() {
\nvar element = $compile(\u2018<button><\/button>\u2019)($rootScope);
\nexpect(element.hasClass(\u2018btn\u2019)).toBe(true);
\n});
\n});
\n});<\/p>\n
button directive \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0
\n<button type=\u201dsubmit\u201d
\n>Click Me!<\/button><\/p>\n
\u098f\u0995\u099f\u09bf Custom Validation Directives \u09aa\u09cd\u09b0\u09ac\u09b0\u09cd\u09a4\u09a8
\n\u098f\u0995\u099f\u09bf Custom Validation directive \u09aa\u09cd\u09b0\u09ac\u09b0\u09cd\u09a4\u09a8<\/p>\n
\u098f\u0987 \u099c\u09be\u09df\u0997\u09be\u09df \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0995\u099f\u09be test \u0986\u099b\u09c7, \u09b8\u09c1\u09a4\u09b0\u09be\u0982 \u0986\u09ae\u09b0\u09be directive \u098f\u09b0 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09be\u09b0\u09bf\u09a4\u09be \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09be\u09af\u09bc\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf\u0983<\/p>\n
myModule.directive(\u2018validateEquals\u2019, function() {
\nreturn {
\nrequire: \u2018ngModel\u2019,
\nlink: function(scope, elm, attrs, ngModelCtrl) {
\nfunction validateEqual(myValue) {
\nvar valid= (myValue === scope.$eval(attrs.validateEquals));
\nngModelCtrl.$setValidity(\u2018equal\u2019, valid);
\nreturn valid ? myValue : undefined;
\n}
\nngModelCtrl.$parsers.push(validateEqual);
\nngModelCtrl.$formatters.push(validateEqual);
\nscope.$watch(attrs.validateEquals, function() {
\nngModelCtrl.$setViewValue(ngModelCtrl.$viewValue);
\n});
\n}
\n};
\n});<\/p>\n","protected":false},"excerpt":{"rendered":"
AngularJS \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a8\u09bf\u099c\u09c7\u09b0 Directives \u09a4\u09c8\u09b0\u09bf\u0964 Md. Shahinoor Islam\u09a8\u09bf\u099c\u09c7\u09b0 Directives \u09a4\u09c8\u09b0\u09bf\u0964 HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8, \u09ae\u09a8\u09cd\u09a4\u09ac\u09cd\u09af \u09ac\u09be CSS classes \u09a6\u09bf\u09df\u09c7 Directives \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u0964 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983 <my-directive><\/my-directive> <input my-directive> <!\u2013 directive: my-directive\u2013> <input> \u098f\u0995\u099f\u09bf Directive \u098f\u09b0 \u09a7\u09be\u09b0\u09a8\u09be angular.module(\u2018app\u2019, []).directive(\u2018myDir\u2019, function() { return myDirectiveDefinition; }); \u098f\u0995\u099f\u09bf Button Directive \u09b2\u09c7\u0996\u09be escribe(\u2018button directive\u2019, function () { var $compile, $rootScope; beforeEach(module(\u2018directives.button\u2019)); beforeEach(inject(function(_$compile_, … <\/p>\n