问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

ionic获取不确定的input的值ng-model?

头像
Rango
    62713

    场景：

    问卷调查类项目，问卷后台提供，前端展示并提交表单

    问题：

    因为题型以及数量的不确定，再提交的时候如何获取每个问题答案的ng-model的值

    补充：

    希望尽量在ionic或angular范围内解决，但不强求


感谢！
    ionicangularjs
    阅读 3.7k
    1 个回答
    得票最新
    头像
    tim_hu
      188310
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body ng-app="myApp">
    <div ng-controller="myController">
        
        <div ng-repeat="ti in tiList">
            
            <input type="text" ng-model="data" ng-value="ti.result" ng-change="change($index,ti.name,data)">    
        </div>
        <button ng-click="submit()">提交</button>
    </div>
    <script src="lib/js/angular.js"></script>
    <script>
        angular.module('myApp',[])
                .controller("myController",["$scope",function($scope){
                    
                    $scope.tiList = [
                        {"name":"t1","result":""},
                        {"name":"t2","result":""},
                        {"name":"t3","result":""},
                        ];
                    var tiArr = [];
                    $scope.change = function(index,tiName,data){
                        for(var i=0;i<tiArr.length;i++){
                            //判断是否再次修改
                            if(tiArr[i].tiName == tiName){
                                tiArr[i].tiResult = data;
                                console.log(index);
                                return;    
                            }
                            
                        }

                        console.log(tiName,data);

                        var tiObj = {"tiName":tiName,
                                     "tiResult":data};

                        console.log(tiObj);
                        tiArr.push(tiObj);
                    }
                    //提交
                    $scope.submit =function(){
                        console.log(tiArr);

                    }

                }])
    </script>
    
</body>
</html>

之前考虑的不周全，重写了一版。还有一点bug,就是所有的input的得从上往下依次写
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进