javascript - Angular JS ng-click 不触发

Question

我不明白我在哪里犯了错误。

<div ng-app="nameApp" ng-controller="nameCntrl">
    <table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">
      <thead><tr><th>Name</th><th>Value</th></tr></thead><tbody>  
        <tr><td>Chris </td> 
            <td><input type="text" size="4" ng-model="numDays"/>&nbsp;
                <input type="button" value="submit"  ng-click="submitbutton"/></td></tr>


    </table>
        {{numDays}}
</div>

var app = angular.module('nameApp', []);
app.controller('nameCntrl',function($scope) {
    console.log($scope);
    $scope.numDays = 5;

    $scope.submitbutton = function() {
        alert($scope.numDays);
    }
});

http://jsfiddle.net/srvdfv6y/1/

Answer 1

您编写的应用程序是正确的，只是要注意在事件 DOM 准备就绪之前加载 Angular 脚本。

参见updated fiddle

此外，正如 @TjGienger 所注意到的，ng-click="submitbutton" 应该是 ng-click="submitbutton()"。