Как передать значение объекта JSON из функции HTML Onclick в JavaScript?MVC

Question

Я работаю над MVC, пытаясь передать id при нажатии кнопки из HTML в JS. Мой код, в котором я создаю таблицу в HTML,

<tbody>
                    <tr ng-repeat="Survey in vm.AllSurveys">
                        <td>{{Survey.visitNumber}} </td>
                        <td>{{Survey.id}}</td>
                        <td>
                            <button id="myButton" onclick="myFunction('{{Survey.id}}');">Home</button>
                        </td>
                    </tr>
                </tbody>

Функция при нажатии похожа на

function myFunction(id) {
    console.log(id);
    location.href = "http://localhost/Test?visitId="+id;
}

У меня есть данные в этом формате,

[{VisitNumber: "Visit_U_1", id: "107"},... So on]

Но я получил эту ошибку в строке html onclick,

Error: [$compile:nodomevents] http://errors.angularjs.org/1.3.9/$compile/nodomevents
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js:6:416
    at pre 
 <button id="myButton" onclick="myFunction('{{Survey.id}}');"> 

Я пробовал решения, но не добился успеха.предложения

Answer 1

Вы можете использовать директиву ng-click для передачи данных, как показано ниже: код

<button id="myButton" ng-click="myFunction(Survey.id);">Home</button>