angular.js - Terdapat kedua-dua pemalam sudut dan jquery untuk mengendalikan acara keydown

Question

Saya memuat turun pemalam jq dalam talian, dan kotak input terikat pada acara klik, tetapi skrip sudut yang saya tulis sendiri juga menggunakan ng-keydown pada kotak input yang sama. . . Saya fikir fungsi pemprosesan keydown Angular akan dilaksanakan, tetapi ia tidak berfungsi. . . Tetapi saya tidak boleh meletakkan pengendali acara klik pemalam...

给我你的怀抱 · Answer

<p><body ng-app="myApp" ng-controller="MyController"></p>
<pre class='brush:php;toolbar:false;'><code>
<input type="text" score>
<script type='text/javascript' src="angular.js"></script>
<script type="text/javascript"></code></pre>
<p>angular.module('myApp',[])</p>
<pre class='brush:php;toolbar:false;'><code>            .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){

});
            </code></pre>
<p></skrip><br></body><br></html>
</p>Acara keyup yang saya baru tulis hari ini, keydown serupa<p></p>

仅有的幸福 · Answer

Anda tidak boleh menulisnya seperti ini,
Pilihan pertama memerlukan: '?ngModel',
Kemudian dapatkan nilai kotak teks ngModel.$modelValue dan bukannya input.value,
Tidak perlu elemen [ 0], elemen mewakili
jquery Pemikiran terlalu serius. . .