AngularJS - 动态生成的 ng-model-name

Question

我不断尝试，但无法正常工作。我执行 ng-repeat 会从 $scope-object 中创建一些 DIV：

<div class="col-2 currBit" ng-repeat="one in crypto">
                <div class="currBitTitle">{{one.shortName}}</div>                    
                <div class="currBitTitleSub">
                    <div class="currLogo currLogo_{{one.shortName}}"></div><br/>
                    {{one.longName}}<br/>                        
                </div>
                <div class="currBitInput">
                    <input type="number" placeholder="Your amount of {{one.shortName}}" ng-model="one.shortName" >
                </div>
            </div>

现在，在每个创建的 DIV 的输入字段中，我需要设置一个 ng-model，以便我的应用可以使用动态生成的输入字段的输入值

在贴出的这段代码中，当数据绑定到<div class="currBitTitle">{{one.shortName}}</div> ?? .. 这是为什么？我怎样才能得到这个管理？

最好有像ng-model="myfoobar_{one.shortName}"这样的单独前缀

这可能吗？

Answer 1

您可以尝试使用下面的代码，也可以检查此fiddler 链接以获取您的示例场景。

模板：

<input type="number" ng-model="myfoobar_[one.shortName]">

控制器：

$scope.myfoobar_ = {};
$scope.crypto = [{
   "shortName": "Name1",
   "longName": "Name One"
}, {
   "shortName": "Name2",
   "longName": "Name Two"
}];