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，所以我的app可以使用动态生成的输入字段的输入值

在此代码中发布，当数据绑定到<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"
}];

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

1 个答案: