AngularJS - 由model-name生成的动态

Posted 2021-04-05

我尝试尝试但我无法让它工作..我做一个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模型，所以我的应用程序可以使用动态生成的输入字段的输入值

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

有一个像ng-model="myfoobar_{one.shortName}"这样的单独前缀会很高兴

甚至可能吗？

答案

您可以尝试使用类似下面的代码也检查此fiddler链接为您的示例方案。

模板：

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

控制器：

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