Wystąpiły błędy w dyrektywach AngularJS - Nie można odczytać właściwości "kompilacji" nieokreślonego.

Question

Nowicjusz do AngularJS i próba utworzenia prostej dyrektywy. Kod kończy się niepowodzeniem z TypeError: Nie można odczytać właściwości 'compile' niezdefiniowanej. Wszelkie sugestie będą bardzo mile widziane.

JS

var xx = angular.module('myApp', []); 
xx.directive('myFoo', 
      function(){ 
       return 
       { 
        template:'23' 
       };      
}); 

HTML

<div ng-app="myApp"> 
<div my-foo></div> 
</div> 

można znaleźć kod i błędów tutaj https://jsfiddle.net/p11qqrxx/15/

Answer 1

To tylko twoja return.

Źle:

return 
{} // This returns undefined, return is odd and doesn't look at the next line 

Dobre: ​​

return{ 
} // Returns an empty object, always open your object on the same line as the return 

Lepiej:

var directive = {}; 
return directive; // How I always do it, to avoid the issue. 

Answer 2

też mowa angularjs 1.0.0 który był zbyt stary, ja zaktualizowano go do wersji 1.1

Zmiana dyrektywy do tej

xx.directive('myFoo', 

function() { 
    return { 
     restrict: 'A', //defaults its A no need of it to declare. 
     template: '23' 
    }; 
}); 

Working Fiddle

Answer 3

To nie jest kwestia kątowa, ale jego droga javascript składnie powrotne są napisane i wykonywane. Stworzyłem prosty film, który bardziej szczegółowo pokazuje ten problem. Możesz obejrzeć ten film wideo z tego linku.

https://www.facebook.com/shivprasad.koirala/videos/910570055693818/

Teraz na dłuższą odpowiedź. W javascript "return" i "return;" są takie same, a "{}" jest funkcją anonimową.

Kiedy piszesz return i "{" w następnym wierszu, dwie jego instrukcje zwracają jeden, a "{}" jest anonimową funkcją. Program zwraca ze składni "return", a kod wewnątrz nawiasów klamrowych nigdy nie jest wykonywany lub możemy powiedzieć, że jest nieosiągalnym kodem.Więc zwraca "nieokreślony".

return // returns from this step itself 
{ 
    // any code here will never execute 
// unreachable code 
} 

Podczas pisania kręcone wspornik tuż po powrocie statment traktuje je jako jeden blok kodu, a także wykonuje kod wewnątrz kręcone wsporniku.

return{ 
// any code here will execute 
} 

Tak więc chodzi o to, gdzie jest nawias klamrowy po instrukcji return.

Answer 4

xx.directive ('myFoo'

funkcja() { var obje = { uniemożliwić: 'a' // domyślne jego bez potrzeby na stwierdzenie szablon. '23' return obje; } });