Syntax wrong for onclick event on string template

Question

The onclick event on the return template doesn't do anything

{
    field: '',
    title: '',
    width: '80px',
    template: function (record) {
        return (
            '  <a href="javascript:void(0);" class="btn btn-xs btn-success margin-top-5 margin-bottom-5 btn-lg, btn-sucess"  ng-class="btnClass" ng-click="console.log(record)"> <span>Add</span> </a>'
        );
    }
},

Tried changing the string of the a tag, still unable to call ng-click method.

@mplungjan is is used part of a bigger object for options on a kendo grid — Chris
– Chris, Commented Dec 9, 2022 at 8:42

Bozhinovski · Accepted Answer · 2022-12-09 09:05:17Z

1

You have "javascript:void(0)" which is a function in JavaScript that returns undefined. When you click it it wont do anything. Just change href="#" Also update the ng-click to prevent default:

href="#" ng-click="$event.preventDefault();console.log(record)"

For more information: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void

edited Dec 9, 2022 at 9:05

answered Dec 9, 2022 at 8:37

Bozhinovski

2,9864 gold badges26 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Chris Over a year ago

so is the ngClick not necessary , can I add a console log at the href

Bozhinovski Over a year ago

You can use that, but make sure to remove javascript:void(0) because it overrides ng-click. Or just use href="#"

Chris Over a year ago

still not working

Chris Over a year ago

appologies how can I make something like this work '<button ng-Click="console.log("someString")">test</button>'

Chris Over a year ago

having trouble with where to add the quotation marks

|

Collectives™ on Stack Overflow

Syntax wrong for onclick event on string template

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related