Javascript 在ng repeat中中断字符数组,并将每个字符设置为自己的输入标记

Javascript 在ng repeat中中断字符数组,并将每个字符设置为自己的输入标记,javascript,angularjs,Javascript,Angularjs,我对angular很陌生,正在寻找一种方法,将表中的每个名称都取下来,并以每个字母都显示在自己的标记中的方式来打断名称。因此,如果一个表单元格包含名称Dave,并且用户单击“D”,则只包含此字母的输入标记将被选中。 这是行和表格单元格: <tr ng-repeat="name in data"> <td class="name"><input type="text" ng-model="user_name"></td> </tr>

我对angular很陌生,正在寻找一种方法,将表中的每个名称都取下来,并以每个字母都显示在自己的标记中的方式来打断名称。因此,如果一个表单元格包含名称Dave,并且用户单击“D”,则只包含此字母的输入标记将被选中。 这是行和表格单元格:

<tr ng-repeat="name in data">
    <td class="name"><input type="text" ng-model="user_name"></td>
</tr>
有什么帮助或指导吗

更新

我实际拥有的是两个ng repeat,我用它来创建一个表。该表有3列:user\u name、script\u name和cron\u format。我希望最终用户能够更改的唯一部分是cron格式,但我希望以一种方式打破cron_格式,即如果用户单击分钟值,该值将是唯一标记的值,而不是所有cron_格式。。。 这是表格:

<tbody ng-repeat="(user_id,row) in data">
<tr ng-repeat="(script_id, cron_format) in row" ng-init="oldCron = cron_format">
    <td class="userName">{{user(user_id)}}</td>
    <td class="scriptName">{{script(script_id)}}</td>
    <td class="cronFormat">
        <input type="text"  ng-model="cron_format" ng-blur="saveCron(user_id,script_id,cron_format,oldCron)"/></td>
    </td>
</tr>
</tbody> 

下面是一个更完整的实现。数据通过作用域对象$scope.data传递。此对象包含一个表示“人员”的对象数组,其“名称”为键。此实现包括一个作用域函数$scope.letters,它将名称字符串分解为各自的字符

HTML:


*请注意,对于任何包含重复字符(例如“Bill”

的名称,都必须使用$index跟踪。如果我们有更多关于数据结构的信息,我们可能会更容易帮助您。。。“字符数组”从何而来?您可以直接在字符串上重复,它将在字符串中的每个字符上重复。@user3194267–请参阅上面重新编辑的答案,并提供完整的JSFIDLE示例,显示将名称分解为单个字母的函数的实现。您的字母函数似乎多余,你可以直接用字母person.name。另外,我不确定原始问题的实际目的,但我很好奇他们是否希望输入中的每个字母都与原始名称的索引位置联系起来???这是一个奇怪的问题,我很好奇它的真正意图是什么,因为它看起来除了作为练习之外毫无意义。
<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        <table>
            <tr ng-repeat="person in data">
                <td class="name">
                    <input type="text" ng-repeat="letter in letters(person.name) track by $index" value="{{letter}}">
                </td>
            </tr>
        </table>
    </div>   
</div>
var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', ['$scope', function ($scope) {

    $scope.data = [
        {name:'Jim'},
        {name:'Dave'},
        {name:'Chelsea'}
    ];

    $scope.letters = function(rawname) {
        var lettersarray = rawname.split('');
        return lettersarray;
    };

}]);