我已经提出了这个代码:
在我的外部控制器中:
$scope.key = function ($event) { $scope.$broadcast('key',$event.keyCode) }
在我的内部控制器(我有不止这样的)
$scope.$on('key',function (e,key) { if (key == 13) { if (ts.test.current) { var btn = null; if (ts.test.userTestId) { btn = document.getElementById('viewQuestions'); } else { btn = document.getElementById('acquireTest'); } $timeout(function () { btn.focus(); btn.click(); window.setTimeout(function () { btn.blur(); },500); }) } } });
请检查这个要点,https://gist.github.com/EpokK/5884263
您只需创建一个指令ng-enter并将您的操作作为参数传递
app.directive('ngEnter',function() { return function(scope,element,attrs) { element.bind("keydown keypress",function(event) { if(event.which === 13) { scope.$apply(function(){ scope.$eval(attrs.ngEnter); }); event.preventDefault(); } }); }; });
HTML
<input ng-enter="myControllerFunction()" />
您可以将名称ng-enter更改为不同的名称,因为ng – **是Angular核心团队保留的.
另外我看到你的控制器正在处理DOM,你不应该.将这些逻辑移动到其他指令或HTML,并保持您的控制器精益.
if (ts.test.userTestId) { btn = document.getElementById('viewQuestions'); //NOT in controller } else { btn = document.getElementById('acquireTest'); //NOT in controller } $timeout(function () { btn.focus(); //NOT in controller btn.click(); //NOT in controller window.setTimeout(function () { // $timeout in $timeout,questionable btn.blur(); //NOT in controller },500); })
原文地址:https://www.jb51.cc/angularjs/240420.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。