ng-click nie uruchamia globalnej funkcji javascript.

Question

Jestem nowy w AngularJS, i kliknąłem na przycisk radiowy wygenerowany przez ng-repeat, a kliknięcie nie chce wystrzelić. Jeśli używam prostego onclick, , który działa.

To działa, i widzę Alert:

<div class="span2 left-justify" 
     ng-repeat="choice in physicalmode_choices"> 
    <input type="radio" 
      name="physical_layer" 
      value="{{ choice.private }}" 
      onclick="alert('foo')" 
      required 
      ng-model="$parent.networkoptions.physicalmode" /> 
      &nbsp;<span ng-bind="choice.public"></span> 
</div> 

Ale tego nie robi:

<div class="span2 left-justify" 
     ng-repeat="choice in physicalmode_choices"> 
    <input type="radio" 
      name="physical_layer" 
      value="{{ choice.private }}" 
      ng-click="alert('foo')" 
      required 
      ng-model="$parent.networkoptions.physicalmode" /> 
      &nbsp;<span ng-bind="choice.public"></span> 
</div> 

Nie mogę tego zrobić z ng-click? Czy nie rozumiem, czym jest "wyrażenie"?

Dzięki Mike

Answer 1

Po wywołaniu coś wewnątrz z ng kliknij usługę analizowania ocenia wyrażenia przeciwko zakresu zamiast globalnego obiektu okna.

Jeśli chcesz wykonać alert wewnątrz ng-kliknięcia, możesz napisać metodę w zakresie lub zasięgu rodzica, który z kolei wywoła alert.

Answer 2

Stworzyłem ten jsFiddle, aby pokazać, jak to działa.

http://jsfiddle.net/tM56a/1/

<li ng-repeat="menu in menus" > 
    <a ng-click="test(menu)">click me</a> 
</li> 

Answer 3

Aby wyjaśnić odpowiedź DerekR użytkownika.

Kiedy kątowe widzi

ng-click='alert("test")' 

szuka

$scope.alert 

która może być zdefiniowana.

Musisz podać metodę proxy w zakresie, a może nawet rootkopu.

Na przykład:

$rootScope.log = function(variable) { 
    console.log(variable); 
}; 
$rootScope.alert = function(text) { 
    alert(text); 
}; 

Patrz: http://deansofer.com/posts/view/14/AngularJs-Tips-and-Tricks-UPDATED#scopemethods