当前位置:  开发笔记 > 编程语言 > 正文

使用ng-repeat或ng-model填充textarea,以便它不会使用迭代数据创建一个新的textarea

如何解决《使用ng-repeat或ng-model填充textarea,以便它不会使用迭代数据创建一个新的textarea》经验,为你挑选了1个好方法。

我有问题尝试使用ng-repeat填充单个10行textarea数据,而不是为每个数据条目创建一个新的textarea.我怎么才能插入一个?我想使textarea的大小动态为ng-repeat输入的条目数

这是我的js文件

var WaitingRequisitionsController = function($scope, $rootScope, $modal, $window, items) {
    $rootScope.title = 'Direct Requisitions';
    $scope.items = items;

    $scope.formatDate = function (x) {
        return moment(x).format("M/D/YYYY");
    };
};

这是我的html文件,特别是我试图插入的区域.

  

这也是一样的

  

我改变了我的js看起来像这样

var WaitingRequisitionsController = function($scope, $rootScope, $modal, $window, items) {
$rootScope.title = 'Direct Requisitions';
//$scope.items = items;




$scope.formatDate = function (x) {
    return moment(x).format("M/D/YYYY");
   };
};

function TodoCtrl($scope) {
  $scope.items = items.join('\n');
  $scope.$watch('items', function (items) {
    $scope.myArray = items.split('\n');
    console.log('$scope.myArray', $scope.myArray);

 });



  }

和我的HTML看起来像这样

            
        

但如果我改变它看起来像这样http://jsfiddle.net/U3pVM/8165/没有任何人填充

它工作..我不明白我需要item.description我不知道这是否与它有任何关系



1> Andrew Sheeh..:

将项目加入单个字符串,由换行符分隔

var WaitingRequisitionsController = function($scope, $rootScope, $modal, $window, items) {

    $rootScope.title = 'Direct Requisitions';

    $scope.items = items
        .map(function (item) {
            return item.description;
        })
        .join('\n');

    $scope.rows = items.length;

    $scope.formatDate = function (x) {
        return moment(x).format("M/D/YYYY");
    };

};

然后,您可以使用items数组的长度来设置文本区域中的数字.


Plunker例如:http://plnkr.co/edit/SXSl4nHJi8ptufP6wTd4?p = preview

推荐阅读
农大军乐团_697
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有