Angular js将本地数组绑定到全局范围

时间:2015-09-02 19:47:44

标签: javascript arrays angularjs multidimensional-array angularjs-bindings

我有一个棱角分明的形状。只有2个输入框。我正在接受 输入框中的值,然后将它们保存在数组中。

然后问题就开始了。 我想显示包含<pre></pre>标记的数组  我怎么做。代码示例是这样的。

<input type="text" class="form-control" id="qus" placeholder="Enter Question" ng-model="qus">
<input type="text" class="form-control" id="op1" placeholder="Option 1" ng-model="op1">
<label><input type="checkbox" ng-model="correct1">Correct</label>

<button class="form-control btn btn-primary" ng-click = "save()">Save</button>

<pre  ng-bind="dataShow"></pre>

脚本:

var app = angular.module('qApp', []);
app.controller('qCtrl', function($scope) {
    var set = [];
    var op1 = [];
    $scope.save = function (){
        if($scope.correct1!==true){$scope.correct1=false;}      
        op1.push($scope.op1, $scope.correct1);
        var qus = [$scope.qus, op1];
        set.push(qus);
        console.log(qus);
        console.log(set);
        return set; 
    };
    $scope.dataShow = set.toString();
});

1 个答案:

答案 0 :(得分:0)

在功能内移动$scope.dataShow = set.toString();并移除return

$scope.save = function () {
    var set = [];
    var op1 = [];

    if ($scope.correct1 !== true) {
        $scope.correct1 = false;
    }

    op1.push($scope.op1, $scope.correct1);

    var qus = [$scope.qus, op1];
    set.push(qus);
    console.log(qus);
    console.log(set);
    $scope.dataShow = set.toString();
};