0

新手在这里，试图解决这个问题。

我有一个对象文字，我想过滤并显示在文本区域中。

这个小提琴展示了我想要实现的目标 http://jsfiddle.net/DrmVC/3/

<div ng-app="">
<div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
I have {{friends.length}} friends. They are:
<ul>
 <li ng-repeat="friend in friends">
    [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
  </li>
</ul>
  <textarea> [1] John who is 25 years old.
[2] Mary who is 28 years old. </textarea>

</div>
</div>

Ng-repeat 不适用于 textareas。根据我有限的理解， ng-repeat 每次重复时都会实例化新的范围，而 textarea 只是想要显示一些字符串——我怎样才能得到这个字符串？

也许是 angularForeach 过滤对象文字（如 ng-repeat 所做的那样）并输出到我可以绑定到的字符串的工作示例 {{foreachStringOutput}}

提前致谢。

4

1 回答 1

1

我认为您要做的是创建一个函数来生成您想要的文本并将其绑定到您的文本区域。在下面的示例中friendText()，循环遍历数组并生成文本。

这是一个快速演示：http ://plnkr.co/edit/fmiSg3uJChy00bgffe9I?p=preview

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {

  $scope.friends = [{name:'John', age:25}, {name:'Mary', age:28}];

  $scope.friendText = function() {
    var text ='';
    angular.forEach($scope.friends, function(value, key){
     text = text + '[' + (key+1) + '] ' + value.name + ' is ' + value.age + ' years old.'
    });

    return text;

  }

});

和标记（ng-app在 html 区域定义并在此处省略，但在演示链接上）

<body ng-controller="MainCtrl">

  <div>
    I have {{friends.length}} friends. They are:
    <ul>
      <li ng-repeat="friend in friends">
        [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
      </li>
    </ul>
      <textarea> {{friendText()}}</textarea>

</div>
</body>
于 2013-05-12T15:39:25.970 回答