Question

我在手机上使用我的应用时出现问题。

它正在笔记本电脑浏览器上正常工作。当我尝试使用手机时，我无法编辑文本区域。

流程如下：打开模态无法访问textarea

              $scope.testMember = function (item) {

                $modalStack.dismissAll('cancel');

                $modal.open({
                  templateUrl: './testmail.html',
                  controller: 'TestMailCtrl',
                  resolve: {
                    emailRead: function() {
                      return item;
                    }
                  }
                });


                 <div class="col-lg-9 col-sm-4 follow-info">
                  <label class="control-label">Message:<br/></label>
                    <textarea name="bodyText" id="bodyText" class="form-control" ng-maxlength="2000" cols="400" rows="10" ng-model="testBodyText"></textarea>
                </div>

这在我的笔记本电脑上工作正常。在我的手机上不起作用。

菲尔

Answer 1

我正在自己的项目中解决这个问题，阻止touchend事件传播过模态形式，如下所示：

  <div class="modal-body" stop-event="touchend">

使用这样的指令：

 .directive('stopEvent', function () {
return {
  restrict: 'A',
  link: function (scope, element, attr) {
    element.on(attr.stopEvent, function (e) {
      e.stopPropagation();
    });
  }
};

}）;

angularjs web版工作移动textarea无法编辑

1 个答案: