Question

我尝试在角度上进行一些测试。但无法在待办事项列表应用示例中添加项目：

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

$scope.tasks = [
    {
    "name":"task 1",
    },

    {"name":"task 2",
    }
];

    var addTask = function(){
        $scope.tasks.push({
            "name": $scope.input,
        });
        $scope.input = "";
    };
});

我想知道为什么它不起作用，控制台中没有错误。

我的HTML

  <body ng-controller="MainControl">
    <div>
      <label>I want to:</label>
      <input type="text" ng-model="input">
      <button ng-click="addTask()">Add</button>
    </div>

    <div>
      <ul ng-repeat="task in tasks">
      <li>{{task.name}}</li>
      </ul>
    </div>
  </body>

Answer 1

addTask必须是$scope属性，即$scope.addTask = function() {}而不是var addTask = function() {}。

评论后修改：

<form ng-submit="addTask()">
    <label>I want to:</label>
    <input type="text" ng-model="input">
    <button type="submit">Add</button>
</form>

ng-click什么都不做（待办事项列表示例）

1 个答案: