在一个textarea元素中的角度js ng-repeat

时间:2015-07-03 07:37:28

标签: javascript html mysql angularjs

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

- >因此,当更新mysql中的数据时,我可以通过textarea中的数据输入textarea。

我尝试重复拉取每个数据。

 < 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
        });
    }

这 - &gt; http://jsfiddle.net/3cd6z1vx/ 但不是解决方案。

我可以通过输入的数据将数据推送到textarea,而mysql的数据仍然显示?

1 个答案:

答案 0 :(得分:0)

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

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

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

textarea的

ng-model="prettyTasks"

控制器

$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();