在待辦事項數組中不添加表單文本

我正在製作使用AngularJS的待辦事項應用程序，但我的新任務未添加到數組中。任何人都可以幫我嗎？我是AngularJS的新手。在待辦事項數組中不添加表單文本

HTML： -

<div class="add"> 
    <form> 
     <input class="add-input" placeholder="Add Tasks.." ng-model="formNext"/> 
     <button class="add-btn" ng-click="addTodo()"><h2>Add</h2></button> 
    </form> 
</div>

JS： -

var todoApp = angular.module("todoModule",[]); 

todoApp.controller("todoController",function($scope){ 

var todos = [ 

     {text:"Learn JavaScript",done:false}, 
     {text:"Learn JavaScript",done:false}, 
     {text:"Learn AngularJs",done:false} 

]; 

var getTotalTodos = function(){ 

    return todos.length; 
} 

var addTodo = function(){ 

    $scope.todos.push({text:formNext,done:false}); 
    $scope.formNext = ''; 
} 
$scope.todoList = ""; 
$scope.message = "Hello World!"; 
$scope.todos = todos; 
$scope.getTotalTodos = getTotalTodos;

}）;

來源

2015-12-26 AshirogiMuto

您的代碼中幾乎沒有變化，您尚未定義變量和功能。一些修正都在這裏，

$scope.formNext =''; 
$scope.todos = [ 

     {text:"Learn JavaScript",done:false}, 
     {text:"Learn JavaScript",done:false}, 
     {text:"Learn AngularJs",done:false} 

]; 

$scope.getTotalTodos = function(){ 

    return $scope.todos.length; 
} 

$scope.addTodo = function(){ 

    $scope.todos.push({text:$scope.formNext,done:false}); 
    $scope.formNext = ''; 
}

下面是Plunker

來源

2015-12-26 14:11:57 Sajeetharan

非常感謝。它的工作現在 – AshirogiMuto

你能告訴我錯誤嗎？ – AshirogiMuto

你錯過了範圍變量和功能沒有正確定義 – Sajeetharan

有在你的代碼

Repleace var addTodo = function()與$scope.addTodo = function()

幾個問題正與text:$scope.formNext

更換 text:formNext

Both addTodo()和formNext由$scope綁定到html

來源

2015-12-26 14:12:45 user7

在待辦事項數組中不添加表單文本

回答

相關問題