ng-repeat后禁用鼠标滚轮

时间:2018-03-12 16:38:47

标签: javascript html angularjs angularjs-directive

我试图通过使用指令禁用鼠标滚轮来获取作为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>

0 个答案:

没有答案