Angular - Отправка значения нажатием кнопки

Question

Я делаю аккорд в Angular, и для каждой кнопки вы хотите отправить значение с помощью конкретного аккорда. Мне интересно, какой лучший способ сделать это.

В моей index.html

<button class="chord-btn" ng-option="c" model="note" ng-click="ctrl.changeChord(note)">C major</button> 

И в моем controller.js ....

app.controller('ChordController', [function() { 

var self = this; 

self.changeChord = function(note) { 
    alert("Chord to be played is"+ note); 
}; 
}]); 

В настоящее время, когда я нажимаю кнопку, предупреждение говорит, что нота 'не определена' , Буду очень признателен за любые мысли, я новичок в Angular и подозреваю, что я делаю что-то глупое.

Answer 1

Вам необходимо ввести $ scope в свой контроллер. $ scope - это клей между вашим представлением и вашим контроллером. Затем добавьте свою функцию в объект $ scope. Следующий код должен сделать трюк.

app.controller('ChordController', function($scope) { 

    $scope.changeChord = function(note) { 
     alert("Chord to be played is"+ note); 
    }; 
});