我试图通过使用指令禁用鼠标滚轮来获取作为ng-repeat块的一部分创建的数字输入。目前我正在尝试使用ng-attr-id(见下文)动态地为输入元素分配一个id,这似乎有效。然后我尝试将动态id信息传递给指令,这似乎也有效(控制台日志消息在调用指令时打印正确的id),但是,如果我在开发人员模式下深入研究HTML,它看起来像ng-repeat中输入的id实际上并不是从ng-attr-id定义生成的,直到调用了指令之后,因此当它试图查找动态ID时它不会找到它(?)任何人都可以引导我朝着正确的方向前进吗?
这是HTML:
@contains(item()?['tags'], variables('TagValue'))
这是指令:
<div ng-repeat tgen in tgen_list>
<div id="tgenNum" style="padding-bottom: 40px">
<label class="form-label-top2" style="float: left; margin-top: 5px; margin-bottom: 5px; margin-left:55px" for="number_tgenelems">
<font size="2">
<b>
Total Number Traffic Generator Ports:
</b>
</font>
</label>
<input type="number" type="submit" class="rf-form-control-sm" onkeydown="return false" ng-attr-id="{{ 'tgentgen_num' + $index }}" name="tgen_num" min="0" max="10" ng-click="addRemoveTgenTgen($index, elem.current_total_tgen_ports, elem.tgen_spinner_val)" ng-model="elem.tgen_spinner_val" style='width: 50px; float: left; margin-top: 12px; margin-left: 25px' />
</div>
<disable-mouse-wheel id-name="tgentgen_num" id-index="$index"></disable-mouse-wheel>
</div>