angular.js - 同時有angular和jquery插件處理keydown事件
漂亮男人
漂亮男人 2017-05-15 17:08:07
0
2
597

網路上下了個jq插件,輸入框綁定了click事件,但是我自己寫的angular腳本也在同一個輸入框上用了ng-keydown。 。 。我以為是angular的keydown處理函數會執行,結果沒效果。 。 。但是我又不能把插件的click事件處理函數給去掉,因為要用到它的功能。 。 。不知道怎麼處理這種狀況

漂亮男人
漂亮男人

全部回覆(2)
给我你的怀抱

<!--自定义指令: 限制输入框中只能是1到100之间的数值-->
<input type="text" score>
<script type='text/javascript' src="angular.js"></script>
<script type="text/javascript">

angular.module('myApp',[])

            .directive('score', function () {
                return {
                    link : function (scope, elements, attrs, controller) {  //在显示之前执行, 只执行一次
                        //得到input
                        //console.log('link()',elements);
                        var input = elements[0]
                        //给input绑定keyup的监听回调函数
                        input.onkeyup = function () {
                            //读取input的value, 判断是否合法
                            var score = input.value.trim()
                            //如果合法, background为white
                            if(score==='' || (score*1>=1&&score*1<=100)) {
                                input.style.background = 'white'
                            } else {
                                //否则为red
                                input.style.background = 'red'
                            }
                        }
                    }
                }
            })
            .controller('MyController', function($scope){

            });
            



仅有的幸福

不能這麼寫的啊,
首選要require: '?ngModel',
然後取得文字框的值ngModel.$modelValue 而不是input.value ,
還有不用elements[0],element就代表了
jquery的思維太嚴重啊。 。 。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!