Html 类型错误：无法读取值'；名称'；未定义的

我正在与Angularjs和firebase合作创建一个任务计时器应用程序。我创建了firebase对象，除了尝试将

task.newTask

记录到控制台时，所有操作都正常。以下是我的一些代码（请注意，这不是全部代码）：

//HTML
任务历史记录：
任务列表：
{{task.taskText}}
//控制器：
（功能（）{
“严格使用”
函数HomeCtrl（$scope、$firebaseArray、$interval）{
console.log（'我看到您是主控器…您已加载，先生！！！'）
var timerRef=firebase.database（）.ref（）.child（'timer_tasks'）；
$scope.timer_tasks=$firebaseArray（timerRef）；
$scope.addTask=函数（）{
$scope.timer\u任务。$add({
taskText:$scope.taskText，
纽塔克：是的
}).然后（函数（timerRef）{
$scope.taskText=''；
});
};
console.log（task.newTask）；

在页面加载时，错误出现在

console.log（task.newTask）；

---

任何帮助都会很好。提前感谢！

如果我理解正确，您需要在控制器中检索教科书值，该控制器将构建

$scope.timer\u任务

，稍后可以在

ng repeat

中检索回视图

看法

---

我所做的只是将addTask click时的值从ng模型绑定到ng click，正如您现在看到的，您在addTask函数中具有该值。

如果我理解正确，您需要在控制器中检索教科书值，该控制器将构建

$scope。计时器任务

以及以后的任务可以在

ng repeat

中检索回视图

看法

---

我所做的只是将addTask click的值从ng模型绑定到ng click，正如您现在看到的，您在addTask函数中拥有该值。

通常正确的错误消息是“task未定义”…谢谢！

task

未在控制器中定义，您在ng repeat中使用的元素不会自动绑定到控制器。您可以使用ng select或ng click等。我使用的是ng click=“addTask（）”在添加任务按钮上。这是错误的吗？还是不够？…如果不起作用，我应该在哪里使用ng click？我没有使用firebase进行测试，但下面应该帮助您移动到其他位置。正确的错误消息是“任务未定义”…谢谢！

task

未在控制器中定义，您在ng repeat中使用的元素不会自动绑定到控制器。您可以使用ng select或ng click等。我使用的是ng click=“addTask（）”在添加任务按钮上。这是错误的吗？还是不够？…如果不起作用，我应该在哪里使用ng click？我没有使用firebase进行测试，但下面应该帮助您继续

//HTML
<aside id="sidebar">
    <section id="widget_1">
        <h2 class="titles">Task History:</h2>
        <input id="text-field" type="text" ng-model="taskText" />
        <input id="task-button" type="button" value="Add Task" ng-click="addTask()" />
    </section>

    <section id="widget_2">
        <h2 class="titles">Task List:</h2>            
        <table>
            <tr ng-repeat="task in timer_tasks | orderBy: '-taskText'">
                <td>{{ task.taskText }}</td>
            </tr>                
        </table>
    </section>
</aside>

//Controller:
(function() {
'use strict'

function HomeCtrl($scope, $firebaseArray, $interval) {
    console.log('I see you home controller ... you are loaded sir!!!')

    var timerRef = firebase.database().ref().child('timer_tasks');        
    $scope.timer_tasks = $firebaseArray(timerRef);


    $scope.addTask = function () {
        $scope.timer_tasks.$add({
            taskText: $scope.taskText,
            newTask: true
        }).then(function (timerRef) {
            $scope.taskText = '';
        });
    };


console.log(task.newTask);

<aside id="sidebar">
   <section id="widget_1">
     <h4 class="titles">Task History:</h4>
       <input id="text-field" type="text" ng-model="taskText" />
       <input id="task-button" 
        type="button" 
        value="Add Task" 
        ng-click="addTask(taskText)"/>
  </section>
</aside> 

myApp.controller('myCtrl', function($scope) {
    $scope.addTask = function (value) {
      console.log(" clicked : "+value);
    };
});