使用ng-model传递数组

时间:2016-04-25 23:20:26

标签: angularjs ionic-framework angularjs-model

我在将多个输入字段中的值转换为单个字符串时遇到问题。我目前正在尝试这样做的方法是使每个输入字段成为数组中的索引。 我做了一个数组,猜测,然后我将一个字符串分解成单个字符,每个字符输出一个输入字段,每个输入字段都有一个猜测[i]的ng模型。

    .controller('challengeCtrl', function($scope, challenge, user, $http, $ionicModal, $sce) {

$scope.guess = [];

$scope.giveUnderscores = function() {
        var answer = challenge.selectedChallenge.answer;
        var underscore = '';
        for (var i = 0; i < answer.length; i++) {
            if(answer[i+1] == ' '){
              underscore += '<input type="text" style="margin-right:1em;" maxlength="1" ng-model="guess[' + i + ']" class="underscore">';  
            } else if (answer[i] != ' ') {
                underscore += '<input type="text" maxlength="1" ng-model="guess[' + i + ']" class="underscore">';
            } else {
                $scope.user = user;    
                underscore += '<span></span>';
            }
        }
        return underscore;
    }

正在返回的字符串绑定到HTML。

<div ng-bind-html="fake">
        <!-- String goes here -->
    </div>

然后我想点击一个提交按钮,调用一个函数来测试数组。

<button ng-click="checkAnswer(guess)">
    SUBMIT GUESS
</button>

但是现在ng模型每次都没有声明,我似乎无法从输入字段中获取数值。

谢谢!

0 个答案:

没有答案