찾다

 >  Q&A  >  본문

angular.js - AngularJS在ng-repeat内使用ng-model出现的问题

fiddle链接:http://jsfiddle.net/08tox9k4/

<html ng-app = 'test'>
<head></head>
<body ng-controller = 'testCtrl'>   
    <p ng-repeat="qq in obj.qqs">
      <input class="qq" ng-model="obj.qqs[$index]" placeholder="请输入">;
    </p>
    <script src="angular.min.js"></script>
    <script type="text/javascript">
        angular.module('test',[])
            .controller('testCtrl', ['$scope', function($scope){
                $scope.obj = {
                    qqs: ["12345","23456"]
                };
            }]);
    </script>
</body>
</html>

问题: 当在生成的input标签内修改数值的时候每修改一位,就失去鼠标焦点,可能是因为数据的更改刷新了视图。
如何能在input内完整的修改完数值?然后通过保存按钮什么的保存修改?
或者说如何暂时性取消对变量的监视?

ringa_leeringa_lee2744일 전544

모든 응답(4)나는 대답할 것이다

  • 滿天的星座

    滿天的星座2017-05-15 16:54:42

    몇 가지 질문이 있습니다:
    1. ng-model="obj.qqs[$index]"는 ng-model="qq"이어야 합니다. 이렇게 하면 포커스가 사라지는 문제를 해결할 수 있습니다.
    2. 일반적으로 기본 유형 변수는 ng-model로 사용되지 않습니다. 여기서는 리터럴 객체를 사용할 수 있습니다.

    으아악

    그런 다음 ng-model도 qq.val로 수정해야 합니다
    3. 버튼을 통한 저장 방법은 ng-click을 이용하시면 됩니다.
    4. 스타일 문제. 컨트롤러 내에서 $scope를 사용하지 않으려면 'controller as ctrl' 구문을 사용하세요. 자세한 내용은 아래 샘플을 참조하세요

    작업 샘플: http://jsfiddle.net/wfh04vhc/

    회신하다
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:54:42

    AngularJS ng-repeat에서 ng-model 사용에 대한 자세한 설명: 링크 설명

    회신하다
    0
  • 黄舟

    黄舟2017-05-15 16:54:42

    그냥 ng-model="qq" 그게 다야

    회신하다
    0
  • 滿天的星座

    滿天的星座2017-05-15 16:54:42

    http://www.lovelucy.info/understanding-scopes-in-angularjs.html

    회신하다
    0
  • 취소회신하다