angularjs - 为什么我不能在 Firefox 中绑定(bind)到 Angular 模型的输入中输入文本？

Question

我无法在 firefox 中输入文本。相同的代码在 chrome 上运行良好。我没有遇到任何 CSS 问题。我没有使用 jquery。

下面是我的html代码

<div class="todo_content" style="width:66%">
  <input class="todo_add_input" autofocus="autofocus"
         placeholder="Please Add Task"  
         ng-model="addtask.activity_title" id="task-title">
</div>

渲染时生成以下 html 代码。

<div class="todo_content" style="width:66%">
  <input class="todo_add_input ng-pristine ng-valid ng-empty ng-touched" 
         autofocus="autofocus" placeholder="Please Add Task"
         ng-model="addtask.activity_title" id="task-title"
         aria-invalid="false" style="">
</div>

为什么，同样的代码在 firefox 中不起作用？

Answer 1

试试这个

使用指令

 app.directive('autoFocus', function($timeout) {
        return {
            restrict: 'AC',
            link: function(_scope, _element) {           
                    _element[0].focus();
            }
        };
    });

    <input name="theInput" auto-focus>

更多详情:How to set focus on input field?