javascript - Angular JS ng-repeat 在一个文本区域元素中

Question

--> 我想用一个textarea元素填充textarea中的数据。

--> 因为，当mysql中的数据更新时，我可以通过textarea中的数据仍然在textarea中键入。

我尝试 ng-repeat 提取每个数据。

 < textarea ng-repeat="task in tasks" task="task" class="task" ></textarea>


 $scope.tasks = [];
    for (var i = 1; i < 301; i++) {
        $scope.tasks.push({
            id: i,
            title: 'Task ' + i, 
            date: date
        });
    }

这个 --> http://jsfiddle.net/3cd6z1vx/但这不是解决方案。

我可以通过正在输入的数据将数据推送到textarea，并且来自mysql的数据仍然显示？

Answer 1

这个怎么样:http://jsfiddle.net/u0d1j7hg/2/

本质上，我只是添加了另一个作用域变量来保存任务行，然后在刷新时为该任务构建一个字符串。然后我将 ng-model 设置到文本区域。

我看不到任何在文本区域内注入(inject)指令的方法。

文本区域

ng-model="prettyTasks"

Controller

$scope.prettyTasks = [];  
$scope.refresh = function() {
    $scope.prettyTasks = [];  
    console.log("refreshing")
    $scope.tasks = angular.copy($scope.tasks);
    for (var i = 1; i < $scope.tasks.length; i++) {
        var line = $scope.tasks[i].title +" "+moment($scope.tasks[i].date).fromNow()+"\r\n";
        $scope.prettyTasks.push(line);
    }
};
$scope.refresh();