Angular - 按下按钮发送值

时间:2015-11-28 17:14:48

标签: javascript angularjs

我在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的新手,并怀疑我做的事情很傻。

1 个答案:

答案 0 :(得分:0)

您必须在控制器中注入$ scope。 $ scope是视图和控制器之间的粘合剂。然后,将您的函数添加到$ scope对象。以下代码应该可以解决问题。

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

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