{"id":103,"date":"2020-08-27T07:38:40","date_gmt":"2020-08-27T07:38:40","guid":{"rendered":"http:\/\/blog.izziweb.com\/?p=103"},"modified":"2020-08-27T07:40:16","modified_gmt":"2020-08-27T07:40:16","slug":"angularjs-part2-%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87","status":"publish","type":"post","link":"https:\/\/www.izziweb.com\/blog\/2020\/08\/27\/angularjs-part2-%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87\/","title":{"rendered":"AngularJS part:2 \u0e41\u0e19\u0e30\u0e19\u0e33\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u0e21\u0e2d\u0e07\u0e04\u0e23\u0e48\u0e32\u0e27\u0e46 AngularJS \u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22 app, controller, directive, service \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e21\u0e31\u0e19\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49 <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>app : \u0e04\u0e37\u0e2d \u0e15\u0e31\u0e27\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 controller, directive, service \u0e2d\u0e35\u0e01\u0e17\u0e35 \u0e41\u0e25\u0e30\u0e23\u0e27\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07 component \u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e40\u0e0a\u0e48\u0e19 dateTimePicker \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<\/li><li>controller : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e23\u0e48\u0e27\u0e21 $scope \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07 function \u0e15\u0e48\u0e32\u0e07\u0e46\u0e15\u0e32\u0e21 event <\/li><li>directive : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 (\u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 \u0e21\u0e35 controller \u0e20\u0e32\u0e22\u0e43\u0e19\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49 \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e21\u0e32\u0e01\u0e43\u0e19\u0e01\u0e23\u0e13\u0e35\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e22\u0e01 element \u0e40\u0e1e\u0e37\u0e48\u0e2d re-usable)<\/li><li>service : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 function (\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e21\u0e32\u0e01\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e1a\u0e48\u0e2d\u0e22\u0e46\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e46 directive)<\/li><li>component : \u0e2d\u0e31\u0e19\u0e19\u0e35\u0e49\u0e04\u0e25\u0e49\u0e32\u0e22\u0e46 directive ( \u0e15\u0e32\u0e21 document \u0e02\u0e2d\u0e07 angular https:\/\/docs.angularjs.org\/tutorial\/step_03 ) <\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e04\u0e23\u0e32\u0e27\u0e19\u0e35\u0e49\u0e21\u0e32\u0e25\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19 code \u0e07\u0e48\u0e32\u0e22\u0e46\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e21\u0e31\u0e19\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32 testAngular.html<\/p>\n\n\n\n<!--more-->\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en-US\">\n&lt;head>\n&lt;script src=\"..\/..\/angular-1.8.0\/angular.js\">&lt;\/script>\n\n&lt;\/head>\n&lt;body>\n\n&lt;div ng-app=\"myApp\">\n\n\t&lt;div ng-controller=\"myCtrl\">\n\t\t&lt;div>\n\t\t&lt;label>value1&lt;\/label>\n\t\t&lt;input type='number' data-ng-model='val1' data-ng-value='val1' \/>\n\t\t&lt;\/div>\n\t\t\n\t\t&lt;div>\n\t\t&lt;label>value2&lt;\/label>\n\t\t&lt;input type='number' data-ng-model='val2' data-ng-value='val2' \/>\n\t\t&lt;\/div>\n\t\t\n\t\t&lt;div>\n\t\t{{val1}} + {{val2}} = {{ val1 + val2 }}\n\t\t&lt;\/div>\n\t&lt;\/div>\n\t\n\t&lt;div ng-controller=\"myCtrl\">\n\t\t&lt;div>\n\t\t&lt;label>value1&lt;\/label>\n\t\t&lt;input type='number' data-ng-model='val1' data-ng-value='val1' \/>\n\t\t&lt;\/div>\n\t\t\n\t\t&lt;div>\n\t\t&lt;label>value2&lt;\/label>\n\t\t&lt;input type='number' data-ng-model='val2' data-ng-value='val2' \/>\n\t\t&lt;\/div>\n\t\t\n\t\t&lt;div>\n\t\t{{val1}} + {{val2}} = {{ val1 + val2 }}\n\t\t&lt;\/div>\n\t\t\n\t\t&lt;div>\n\t\t&lt;my-directive>&lt;\/my-directive>\n\t\t&lt;\/div>\n\t\t\n\t&lt;\/div>\n\t\n&lt;\/div>\n\n&lt;\/body>\n&lt;\/html>\n\n&lt;script>\nvar myapp = angular.module('myApp', &#91;]);\nmyapp.controller('myCtrl', function($scope) {\n\t$scope.val1 = 1;\n\t$scope.val2 = 2;\n});\nmyapp.directive('myDirective', function() {\n\treturn {\n\t\ttemplate: ' this text is form directive {{val1}} {{val2}} {{ val1 + val2 }}'\n\t};\n});\n&lt;\/script><\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\"><li>script src \u0e44\u0e1b\u0e22\u0e31\u0e07 AngularJS file \u0e17\u0e35\u0e48 download \u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49 (part 1)<\/li><li>ng-app \u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e38 Angular app \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e19\u0e35\u0e49 \u0e08\u0e30\u0e21\u0e35\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e04\u0e37\u0e2d \u0e08\u0e30\u0e21\u0e35\u0e44\u0e14\u0e49\u0e40\u0e1e\u0e35\u0e22\u0e07 app \u0e40\u0e14\u0e35\u0e22\u0e27\u0e43\u0e19 page \u0e19\u0e35\u0e49 (\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 1app \u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e2d\u0e35\u0e01\u0e27\u0e34\u0e18\u0e35 \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e43\u0e19\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e15\u0e48\u0e2d\u0e44\u0e1b)<\/li><li>controller \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e01\u0e35\u0e48\u0e04\u0e23\u0e31\u0e49\u0e07\u0e01\u0e47\u0e44\u0e14\u0e49 \u0e41\u0e15\u0e48\u0e08\u0e30\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e38\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32 $scope \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e19\u0e25\u0e48\u0e30\u0e0a\u0e38\u0e14\u0e01\u0e31\u0e19 (\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e14\u0e35\u0e43\u0e19\u0e01\u0e23\u0e13\u0e35\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49 form \u0e2b\u0e25\u0e32\u0e22\u0e46\u0e0a\u0e38\u0e14\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 )<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e43\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e16\u0e31\u0e14\u0e44\u0e1b \u0e1c\u0e21\u0e08\u0e30\u0e40\u0e2a\u0e19\u0e2d \u0e01\u0e32\u0e23\u0e41\u0e22\u0e01\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e0b\u0e49\u0e33\u0e46\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19 script \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48 \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e07\u0e32\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e21\u0e2d\u0e07\u0e04\u0e23\u0e48\u0e32\u0e27\u0e46 AngularJS \u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22 app, controller, directive, service \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e21\u0e31\u0e19\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49 app : \u0e04\u0e37\u0e2d \u0e15\u0e31\u0e27\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 controller, directive, service \u0e2d\u0e35\u0e01\u0e17\u0e35 \u0e41\u0e25\u0e30\u0e23\u0e27\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07 component \u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e40\u0e0a\u0e48\u0e19 dateTimePicker \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19 controller : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e23\u0e48\u0e27\u0e21 $scope \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07 function \u0e15\u0e48\u0e32\u0e07\u0e46\u0e15\u0e32\u0e21 event directive : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 (\u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 \u0e21\u0e35 controller \u0e20\u0e32\u0e22\u0e43\u0e19\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49 \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e21\u0e32\u0e01\u0e43\u0e19\u0e01\u0e23\u0e13\u0e35\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e22\u0e01 element \u0e40\u0e1e\u0e37\u0e48\u0e2d re-usable) service : \u0e04\u0e37\u0e2d \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 function (\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e21\u0e32\u0e01\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e1a\u0e48\u0e2d\u0e22\u0e46\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e46 directive) component : \u0e2d\u0e31\u0e19\u0e19\u0e35\u0e49\u0e04\u0e25\u0e49\u0e32\u0e22\u0e46 directive ( [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,9],"tags":[15],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-internet-and-www","category-web-design","tag-angularjs"],"_links":{"self":[{"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":3,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.izziweb.com\/blog\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}