. AngularJS? ?? ??? ?? ????? ???? ?? ??????? ?? ???? ?? ??? ?? API? ????? ? ?????. ???? ?????? ??????? ?????? ???? ?????? ??? ?? ???? ???????. angularjs? ?? ???? ???? ? ??? ?? ????? ???? ???? ??? ??? ??? ????. AngularJS? ??? ??? ???? ??? ??? ????? ?? ??? ? ????.

AngularJS? ??? ???? ????? ???????. ??? ??? ?? ?????? ?? ????? ??? ??? ???? ?? ? ?????. AngularJS? ?? ????? ???? ????? ????, ??, ?? ?? ?????? ?? ?? ?? ??? ??? ??? ?????. ? ?? ??? ?? ??? ???? ???? ?? ????? ?? ?? ?? ?? ?? ? ? ??? ?????. ?? ?? ??? ???? ?? ???? AngularJS ??? ?? ??? ? ? ????. ?? ???? ??? ?? ????? ???? ???? ????????. ??? ???? ??? ?? ??? ?? ??? ???????. ?? ??? ????, ?? ??? ?? ??? ???? ????. ??? ??? ???? ???? ??? ????? ? ?????. ??? ?? ?? ??? ??? ??, ?? ?? ? ??? ?????? : AngularJS ???? ?? ???. ? ????? AngularJS? ??? ???, ???? ? ?? ??? ?? ??? ?? ?? ? ????. ?? ? ??? Jasmine? ???? ?????? Karma Test Runner? ?? ??? ? ????. ? ???? ??? ??? GitHub Repo?? ???? ? ? ????. ??? ??? ??? ?? ??? ?? ? ????. ??? ??? ???? AngularJS ?? ?????? ?? ???? ?? ?? ? ?????. ??? ??? ??? ???? ?? ? ??? ??? ?? ???? ??? ??? ??? ???? ??? ?????. ???? ?? ? ???? ?? ?? ????, ?? ? ?? ????? ??? ???? ?? ? ? ????. ???? ??? ???? ?? ??? ?? ???? ?? ??? ? ????. A?? ???? ??? ???? ?? ??? B, C ? D? ?? ????. ??? A? ????? ?? ??? B, C ? D? ??? ????????. ??? ????? $ rootscope ? $ parse? ?? ?? ???? ???? ??? ?? ???? ?????. ??? ??? ??? ?? ? Jasmine.createspy ()? ???? ????? ?? ???? ?? (????? ????? ?)? ?? ???? ????. ?? ???? ??? ??? :

? ????? ??? ?? (showdialog)? ????. ? ??? ???? ??? ?? ??, ??? ($ ? ?? modalsvc)?? ???? ? ??? ? ??? ?????.

??? ?????? ? ?? ???? ???? ???? ?? ? ?? ??????? ?? ??? ?? ??? ???????.

?? ??? showdialog ???? ??? ??? ? ? ????. ?? ?? ??? ?? ? ??? ? ?? ??? ??? ??? ????.

??? ???

?? ???? ?? ??? ?????. ??? ??? ?? ??? ?? ??? showmodaldialog? ?????.

?? ? ???? ???? ?????

? ???? ??? ? ??? ?? ??? ???? ? ?? ????? ????? ?? ??? ?????. ? ??? ?? ? ??? ???? ???? ?? ??? ?? ? ????. ??? ???? ???? ???? ?? ?? ? ?? ??? ????? ???????. ??? ?? ??? ??? ???? ??? ? ? ????.

??? ???? ????? ??????? ?? ????? ????? ??? ????. ?? ????? ?? ? ? ?? ??? ???????? NG- ???? ??? ??? ? ? ???? ????????. ???? ?? ???? ?? ???? ??? ? ????? ???? ??????????.

????? ????? ?? ???? ???? ????? ??? ??? ?? ?? ????. ?? ?? ??? ? ? ?? ?? ??? ??? ?? ? ? ????. ??? ?? ???? ? ? ??? ?? ?????. ???? ???? ?? ???? ??? ??? ???? ???? ????? ???????.

angular<span>.module('services', [])
</span>  <span>.service('sampleSvc', ['$window', 'modalSvc', function($<span>window, modalSvc</span>){
</span>    <span>this.showDialog = function(message<span>, title</span>){
</span>      <span>if(title){
</span>        modalSvc<span>.showModalDialog({
</span>          <span>title: title,
</span>          <span>message: message
</span>        <span>});
</span>      <span>} else {
</span>        $<span>window.alert(message);
</span>      <span>}
</span>    <span>};
</span>  <span>}]);</span>

> ????? ?? ?? ? ?? ? ? ????.
????? $ Scope ? ????? ????? ????? ?? ? ?????
• ???? ?? ? ????? ???? ??? ??? ?? ? ????. ?? ???, ???? ? ?? ??? ?? ?? ? ????.
$ SCOPE ??? ???? ??? ???? ?? ????? ??????
? ????? ?????? $ SCOPE ??? ???? ?? ? ?? (DatASVC)? ???? ???? ????? ???????. ? ????? ??? ??? ???? ???? ?? ???? ??? ?? ?? ??? ???? ???????. ?? ? ??? DataSVC ???? ????? :

?? ?? $ rootscope? ???? ????? ?? ??? ??? ?? ? ????. $ new Method. ???? ????? ??? ?? ??? $ ??? ?? ?? ??? ???? ????.

????? ??? ???? $ ??? ???? ?? ??? ??? ???? ??? ???? ???? ??? ??? ??? ??? ? ????. ?? ?? ????? ?? ???? ???? ??? ??? ?????. ?? ??? ??? ????? ?? ??? ?????.

????? ????? ??? ????? ???? ?? ?? ??? ? ????. Savedata ???? ?????? BookDetail ? BookForm ??? ?? ?? ???????. ? ??? UI ??? ?? ??????? ??? ? ? ???? ?????. ?? ????? Savedata ???? ???? ?? ?? ??? ???? ????????.

?? ? ???? ??? ??????

'???? AS'????? ????? ?????? ????? ???? ???? ????? ????? ?? $ ???? ???? ????? ??? ????. ? ?? ???? ????? ??? ??? ?????. ??? ??? ?????? ?? ??? ??? ??? ? ????.

?? ????? ??????

angular<span>.module('services', [])
</span>  <span>.service('sampleSvc', ['$window', 'modalSvc', function($<span>window, modalSvc</span>){
</span>    <span>this.showDialog = function(message<span>, title</span>){
</span>      <span>if(title){
</span>        modalSvc<span>.showModalDialog({
</span>          <span>title: title,
</span>          <span>message: message
</span>        <span>});
</span>      <span>} else {
</span>        $<span>window.alert(message);
</span>      <span>}
</span>    <span>};
</span>  <span>}]);</span>

? ????? ???? ????? ??? ?? ? ????? ?????. ??? ???? $ ??? ?? ??? ??? ????.
????? ?? ??? ??? ?? ????? ????? ???? ??? ???? ?? ??? ? ? ????.

?? ? ??? ? ????? ?? ? ?? ?? ??? ??????.

savedata ??? ??? ???? ?????. ? ???? ??? ???? ?? ?? ? ?? ??? ????? ?????.

<span>var mockWindow, mockModalSvc, sampleSvcObj;
</span><span>beforeEach(function(){
</span>  <span>module(function($provide){
</span>    $provide<span>.service('$window', function(){
</span>      <span>this.alert= jasmine.createSpy('alert');
</span>    <span>});
</span>    $provide<span>.service('modalSvc', function(){
</span>      <span>this.showModalDialog = jasmine.createSpy('showModalDialog');
</span>    <span>});
</span>  <span>});
</span>  <span>module('services');
</span><span>});
</span>
<span>beforeEach(inject(function($<span>window, modalSvc, sampleSvc</span>){
</span>  mockWindow<span>=$window;
</span>  mockModalSvc<span>=modalSvc;
</span>  sampleSvcObj<span>=sampleSvc;
</span><span>}));</span>

?? ? ??? ??? ?????

angular<span>.module('services', [])
</span>  <span>.service('sampleSvc', ['$window', 'modalSvc', function($<span>window, modalSvc</span>){
</span>    <span>this.showDialog = function(message<span>, title</span>){
</span>      <span>if(title){
</span>        modalSvc<span>.showModalDialog({
</span>          <span>title: title,
</span>          <span>message: message
</span>        <span>});
</span>      <span>} else {
</span>        $<span>window.alert(message);
</span>      <span>}
</span>    <span>};
</span>  <span>}]);</span>

??? ?? ?? ?? ??? ?? ????? ???? ?? ??????? ?? ???? ?? ??? ?? API? ????? ? ?????. AngularJS ?? ????? ?? ??? ??? ????? ?? ??? ???? ????. ????? ???? ?? ?? ?? ?? ??? ????? ??? ? ? ????. ??? ??? ???? ??? ????? ?? ? ??? ?? ??? ??? ???????.

. ?? (AppConstants)? ???? ?? ?? ??? ??? ???.

?? ?????? ?? ???? ???????. ?? ?? ??? ??? ???? ??? ? ? ????. ???? ????? ?? ??????? ?????? ???????. ?????? ??? ??? ?? ??? ????? ? ?? ???? ??? ??? ?????. ? ?? ??????? ? ? ?? ???? ???? ??????? ???? ?????. ???? ?????? ?? ? ??? ?? ?? ???? ???? ?? ??? ?? ????. ??, ? ??? ??? ???? ????????.

?? ? ??? ??? ?? ?? ????????.

?? ??? ?? ??? ??? ???? ???? ?? ? ??? ???? ??? ? ? ????.
?? ?? ???? ??? ???? ??? ?? ????? ???? ???? ??? ??? ??? ?? ????. AngularJS? ???? ??? ??? ???? ??? ??? ? ?? ??? ? ? ????. ? ??? ?? ????? ???? ???? ???? ??? ??? ????? ????? ????. ?? ????? ?? ??? ????? ??? ?? ??? ????.

<span>var mockWindow, mockModalSvc, sampleSvcObj;
</span><span>beforeEach(function(){
</span>  <span>module(function($provide){
</span>    $provide<span>.service('$window', function(){
</span>      <span>this.alert= jasmine.createSpy('alert');
</span>    <span>});
</span>    $provide<span>.service('modalSvc', function(){
</span>      <span>this.showModalDialog = jasmine.createSpy('showModalDialog');
</span>    <span>});
</span>  <span>});
</span>  <span>module('services');
</span><span>});
</span>
<span>beforeEach(inject(function($<span>window, modalSvc, sampleSvc</span>){
</span>  mockWindow<span>=$window;
</span>  mockModalSvc<span>=modalSvc;
</span>  sampleSvcObj<span>=sampleSvc;
</span><span>}));</span>

?? ??? AngularJS ???, ???? ? ???? ?? ?? ?? ?? (FAQ) angularjs?? ?? ???? ???? ??????
?? ???? AngularJS ??? ??? ?????. ???, ?????? ? ?? ??? ?? ?? ?? ??? ??? ???? ???? ? ??????. ?? ?? ? ?? ??? ? ? ?? ????? ???? ?? ???? ????????. ?? ???? ?? ???? ??? ??? ???? ? ??? ? ? ???? ?? ??? ?? ??? ??? ? ????. ?? ?? ??? ???? ?? ????? ???? ???? ????? ? ??????. angularjs? ?? ??? ??? ????? ?????????
angularjs? ??? ??? ???? ? ? ??? ?????. ?? Jasmine ? Karma? ?? ??? ??? ??? ???????. Jasmine? JavaScript ??? ??????? ?? ?? ?? ??? ???? Karma? ?? ?????? ???? ???? ??? ?????. ??? ??? ?? ? ??? ??? ??? ??? ??? ???? ???? karma? ???? ??? ? ????.

AngularJS ???? ??? ???????

AngularJS ???? ???? ???? ??? ? ? ????. ??? ??? ???? ?????. Jasmine? ?? ??? ??? ??? ?? ? ??? 'Spyon'??? ??? ?????. ? ??? ???? ???? ???? ???? ???? ?? ?? ? ? ??????. ??? ?? ? ? ???? ??? ???? Jasmine? '??'??? ???? ??? ??? ? ????.

AngularJS ????? ??? ???????

AngularJS ???? ??? ????? ??? ??? ?????. ????? ??? ??? ??????. AngularJS?? ???? $ ???? ???? ???? ???? ????? ?? ? ????. ????? ?? ??? ???? ???? ????? ??? ??? ??? ??? ? ????. ?? ???? ???? ??? ?? ??? ???? ????? ????? ?? ??? ??? ? ?? ????.

AngularJS ?? ??? ????? ??

AngularJS ?? ??? ??? ???? ?????. ???? ???? ???? ???? ???? ??? ??? ? ? ????. ??? ???? ??? ????? ???? '$ get'??? ??? ??? ??? ????. ? ??? ??? ?? ?? ? ?? ???? ??? ??? ? ? ????.

angularjs ????? ??? ??? ??? ??? ? ?????

??? ??? ?? ? ??? AngularJS? ?? ?????. ?? ??? ?? ???. ??? ??? ??? ???? ????? ?? ??? Mock ??? ???? ?? ? ? ????. ?? ?? ?? ??? ???? ???? ????? ??? ? ? ????.

?? ??? AngularJS ?? ???? ???? ??? ?????? , ??? ????? ?? ??? ??. ??? ??? ???? ???? ???? ??? ? ????. DOM?? ?? ???? ?? ??? ???? ??? ? ????. ??? ? API? ?? ?? ???? ??? ??? ???? ??? ???? ?? ? ????.AngularJS ????? ??? ??? ??? ?? ? ? ???????

AngularJS ????? ??? ??? $ Q ???? Jasmine? ?? ? '??'??? ???? ?? ? ? ??????. $ Q ???? ???? ????? ?? ?? ?? ? ??? ??? ?? ? ????. '??'??? ??? ??? ?????? ??? ?? ?? ? ? ????.

AngularJS ???? ??? ??? ? ? ?????
angularjs ?? ??? ?? ????? ???? ??? ????? ?? ?????. . AngularJS?? ???? $ compile ???? ???? ??? ????? ?? ? ????. ????? ??? ? jQuery? ?? ??? ???? ???? ??? ??? ??? ??? ? ????.

AngularJS ????? ?? ???? ??? ?? ? ? ???????

angularjs ????? ?? ???? ??? ?? ? ? ??????? ???? ?? ? ? ??????. ???? ?? ??? ??? ????? ?? ??? ?? ? ? ????. ?? ?? ???? ??? ???? ??? ?? ??? ?? ? ? ??????.