ng-click is the angular replacement for onclick event.

If you try to this in a simple component you get an error since you cannot bind into javascript - only html:

... onclick="CallFunction({{data.SomeValue}})" ....

If you try this nothing happens - due to your CallFunction is not part of the scope - it is outside the scope:

... ng-click="CallFunction(data.SomeValue)" ....

The kosher way is to define a directive ( a directive is a definition that enables you to tie html-elements to javascript-scope-data )

But if you want to solve with minimum effort I suggest you do this workaround:

...p1="{{data.SomeValue}}"  onclick="CallFunction(this.getAttribute('p1'))" ....

What the above code does: we use angular's ability have bindings in html - but we use it in an attribute we defined ourselves. Then we use javascripts ability to access that attributes' value and call our function.