AngularJs:无法在输入字段之间键入

AngularJs:无法在输入字段之间键入,angularjs,Angularjs,我是angularjs的新手,使用1.6.4版。我可以像往常一样打字,但在使用mobile时无法将光标放在中间编辑文本。在桌面上,一切正常 第一次尝试,没有运气: <input type="text" placeholder="Name" class="form-control" ng-model="model.user.name"> index.html: <link rel="stylesheet" href="https://fonts.googleapis.com/i

我是angularjs的新手,使用1.6.4版。我可以像往常一样打字,但在使用mobile时无法将光标放在中间编辑文本。在桌面上,一切正常

第一次尝试,没有运气:

<input type="text" placeholder="Name" class="form-control" ng-model="model.user.name">
index.html:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300">
    <!--<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">-->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/angular-jk-rating-stars/dist/jk-rating-stars.min.css" />
    <link rel="stylesheet" href="bower_components/angular-material/angular-material.min.css">
    <link rel="stylesheet" href="bower_components/angular-toastr/dist/angular-toastr.min.css">
    <link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.min.css" />
    <link rel="stylesheet" href="styles/app.css">


<!-- tail -->
<script src="bower_components/exif-js/exif.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/ngmap/build/scripts/ng-map.min.js"></script>
    <script src="https://maps.google.com/maps/api/js?key="></script>
    <script src="bower_components/ng-file-upload/ng-file-upload.min.js"></script>
    <script src="bower_components/angularjs-geolocation/dist/angularjs-geolocation.min.js"></script>
    <script src="bower_components/angular-jwt/dist/angular-jwt.min.js"></script>
    <script src="bower_components/a0-angular-storage/dist/angular-storage.min.js"></script>
    <script src="bower_components/angular-jk-rating-stars/dist/jk-rating-stars.min.js"></script>
    <script src="bower_components/moment/min/moment.min.js"></script>
    <script src="bower_components/angular-moment/angular-moment.min.js"></script>
    <script src="bower_components/angular-haversine/angular-haversine.js"></script>
    <script src="bower_components/angular-aria/angular-aria.min.js"></script>
    <script src="bower_components/angular-material/angular-material.min.js"></script>
    <script src="bower_components/angular-toastr/dist/angular-toastr.tpls.min.js"></script>
    <script src="bower_components/ng-tags-input/ng-tags-input.min.js"></script>
    <script src="bower_components/angular-click-outside/clickoutside.directive.js"></script>

    <script src="bower_components/angular-fix-image-orientation/angular-fix-image-orientation.js"></script>


您是否同时使用引导和角度材质?尝试从
中删除所有CSS和类,然后查看该字段在mobile上是否有效。我删除了Bootstrap.min.CSS和angular-material.min.CSS,但在mobile上的以下示例中仍然无法使用
输入:text
在中间进行写入。如果您的键盘在移动设备上聚焦输入时未激活,则会出现完全不同的问题。此外,在您的应用程序中,在加载应用程序时控制台中是否有任何错误?“ngMaterial”模块出现问题,当我删除它时,字段开始正常工作。但是我使用了md输入,它来自angular material,而不是字段工作不正常的原因。好的,请提供注册应用程序第三方模块的
angular.module()
代码,以帮助确定问题。还提供如何将
angular material.js
添加到应用程序中。
var module = angular.module(__appName, [
    "ui.router",
    "ngMap",
    "ngFileUpload",
    "geolocation",
    "angular-jwt",
    "angular-storage",
    "jkAngularRatingStars",
    "ui.bootstrap",
    "angularMoment",
    "benharold.haversine",
    "ngMaterial",
    "ngAnimate",
    "toastr",
    "ngTagsInput",
    "angular-click-outside",
    "cp.ng.fix-image-orientation"
]);
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300">
    <!--<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">-->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/angular-jk-rating-stars/dist/jk-rating-stars.min.css" />
    <link rel="stylesheet" href="bower_components/angular-material/angular-material.min.css">
    <link rel="stylesheet" href="bower_components/angular-toastr/dist/angular-toastr.min.css">
    <link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.min.css" />
    <link rel="stylesheet" href="styles/app.css">


<!-- tail -->
<script src="bower_components/exif-js/exif.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/ngmap/build/scripts/ng-map.min.js"></script>
    <script src="https://maps.google.com/maps/api/js?key="></script>
    <script src="bower_components/ng-file-upload/ng-file-upload.min.js"></script>
    <script src="bower_components/angularjs-geolocation/dist/angularjs-geolocation.min.js"></script>
    <script src="bower_components/angular-jwt/dist/angular-jwt.min.js"></script>
    <script src="bower_components/a0-angular-storage/dist/angular-storage.min.js"></script>
    <script src="bower_components/angular-jk-rating-stars/dist/jk-rating-stars.min.js"></script>
    <script src="bower_components/moment/min/moment.min.js"></script>
    <script src="bower_components/angular-moment/angular-moment.min.js"></script>
    <script src="bower_components/angular-haversine/angular-haversine.js"></script>
    <script src="bower_components/angular-aria/angular-aria.min.js"></script>
    <script src="bower_components/angular-material/angular-material.min.js"></script>
    <script src="bower_components/angular-toastr/dist/angular-toastr.tpls.min.js"></script>
    <script src="bower_components/ng-tags-input/ng-tags-input.min.js"></script>
    <script src="bower_components/angular-click-outside/clickoutside.directive.js"></script>

    <script src="bower_components/angular-fix-image-orientation/angular-fix-image-orientation.js"></script>