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内完整的修改完数值?然后通过保存按钮什么的保存修改?
或者说如何暂时性取消对变量的监视?
滿天的星座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/