ng-click không kích hoạt chức năng toàn cầu javascript

Question

Tôi mới dùng AngularJS và tôi đã đặt một nút bấm ng trên một nút radio được tạo bởi ng-lặp lại và sự kiện nhấp từ chối kích hoạt. Nếu tôi sử dụng một onclick đơn giản, làm việc mặc dù.

này hoạt động, và tôi thấy cảnh báo:

<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> 

Nhưng điều này không:

<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> 

Tôi có thể không làm điều này với một ng-click? Hay tôi hiểu lầm một "biểu hiện" là gì?

Cảm ơn, Mike

Answer 1

Khi bạn gọi một cái gì đó bên trong một ng-click vào dịch vụ phân tích đánh giá biểu thức so với phạm vi chứ không phải là đối tượng cửa sổ toàn cầu.

Nếu bạn muốn thực hiện cảnh báo bên trong một cú nhấp chuột thì có thể viết phương thức trên phạm vi hoặc phạm vi gốc mà lần lượt gọi cảnh báo.

Answer 2

Tôi đã tạo jsFiddle này để cho biết cách hoạt động của nó.

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

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

Answer 3

Để làm rõ câu trả lời DerekR của.

Khi góc nhìn

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

nó trông cho

$scope.alert 

đó là khả năng được xác định.

Bạn cần cung cấp phương thức proxy trên phạm vi hoặc thậm chí là rootscope.

Ví dụ:

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

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