如何在ng-repeat中为(键,值)对定义ng-model

时间:2016-04-27 11:12:59

标签: angularjs mongodb meteor

这里我有两个mongo系列。 使用ng-repeat列出第一个集合的内容。虽然我提供循环这三个ng重复,因为我正在获取键值对。第一个ng-repeat用于循环集合,然后是两个用于循环每个文档内的对象数组的键值对。所以在我的第二个集合中,我想将这个对象数组与一个新的键值对一起插入到每个索引中。这是我的第一个mongo集合,我有一个像这样的对象数组

<button data-ripple-color="#fff" data-ripple-multiple="true">Button</button>
<a data-ripple-color="#303f9f">Link</a>
<figure data-ripple-color="rgb(0,0,0)"><img src="http://placehold.it/200x200.png/e0e0e0?text=Image+%0A+Parent"></figure>
<p data-ripple-color="#616161">Paragrpah</p>

我已经在ng-repeat中循环了这个 我的HTML是这样的

    "highlight" : [ 
    {
        "status" : "upcoming"
    }, 
    {
        "status" : "overdue"
    }, 
    {
        "status" : "today"
    }
]

输入值后,预期的新mongo集合应该如下所示。

现在我想为每个状态存储限制,如

    <div layout="row" ng-repeat="list in dynamicSettingsCtrl.features.settings">
    <fieldset class="standard">
        <md-checkbox aria-label="Checkbox 1" ng-model="moreOptions">
            <p>{{list.name}}</p>
        </md-checkbox>

        <div layout-gt-sm="row">
            <div ng-if="moreOptions">
                <form name="dashboard">
                    <md-input-container class="md-block" flex-gt-sm>
                        <label>Set Limt</label>
                        <input ng-model="dynamicSettingsCtrl.setValues.maxLimit" ng-pattern="/^(\d)+$/" />
                        <p class="alert" ng-show="dashboard.maxLimit.$error.pattern">Numbers only, please.</p>
                    </md-input-container>
                    <div ng-repeat="highlight in list.highlight">
                        <span ng-repeat="(key, value) in highlight">Set the limit where <b>{{key}}</b> is <b>{{value}}</b></span>
                        <md-input-container class="md-block" flex-gt-sm>
                            <label></label>
                            <input ng-model="dynamicSettingsCtrl.setValues.upLimit[$index]
                            " ng-pattern="/^(\d)+$/" />
                        </md-input-container>
                    </div>
                    <md-button class="md-raised md-primary" ng-click="dynamicSettingsCtrl.addCount()">Submit</md-button>
                </form>
            </div>
        </div>
    </fieldset>
</div>

我想为每个状态设置限制。这是我想设置status = overdue为1的限制,依此类推。 因为ng-model对于所有键值对都有相同的名称,当我尝试添加限制时,每个字段的变化都相同。所以我尝试使用索引,然后就可以了!但我知道使用索引不是一个合适的方法。 有人建议我如何在这个或任何其他可能的方法上使用ng-init。如何为控制器获取正确的值。如何将值插入我的第二个集合? 提前致谢

0 个答案:

没有答案