我在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的新手,并怀疑我做的事情很傻。
答案 0 :(得分:0)
您必须在控制器中注入$ scope。 $ scope是视图和控制器之间的粘合剂。然后,将您的函数添加到$ scope对象。以下代码应该可以解决问题。
app.controller('ChordController', function($scope) {
$scope.changeChord = function(note) {
alert("Chord to be played is"+ note);
};
});