使用json对象

时间:2015-10-25 02:03:00

标签: angularjs

所以我的复选框页面几乎不起作用,问题是当我第一次启动此页面时,未选中复选框,即使我尝试从后端节点服务器初始化它。但浏览器调试器没有错误。

在服务器中,

app.get('/2getMyDiagValue', function(req, res)
{
    console.log("get my diag");

    var formDataArray = { "formDataObjects": [
        {"flagName":"myStuff1", "flagVal":0},
        {"flagName":"myStuff2",   "flagVal":1}
    ]};

    res.contentType('application/json');
    res.send(formDataArray);
});
app.post('/2setMyDiagValue', function(req, res)
{
    ......
}

在客户端mye,

app.controller('myDiagController', function($scope, $http, $routeParams, QueryMyService) {
    $scope.message = 'SID Diagnostics';

    // using http.get() to get existing my setting from server mye
    QueryMyService.getInfoFromUrl7('/2getMyDiagValue').then(function(result) {
        $scope.formData = result.formDataObjects;
    }, function(error) {
        alert("Error");
    } );

    $scope.submitForm = function() {
        console.log("posting form data ...");
        $http.post("/2setMyDiagValue", 
                   JSON.stringify($scope.formData)).success(function(){} );
    };

});

app.factory('QueryMyService', function($http, $q, $location) {

    var factory = {};
        var browserProtocol = 'http';
        var port = ':1234';
        var address = 'localhost';
        var server = browserProtocol + '://' + address;

    //////////////////////////////////////////////////////////
     factory.getInfoFromUrl7 = function(myUrl) {
        var deferred = $q.defer();

        $http.get(myUrl).success(function(data) {
            deferred.resolve(data);
        }).error(function(){
            deferred.reject();
        }); 

      return deferred.promise;
    }

    return factory;
}

复选框网页本身

<form ng-submit="submitForm()" ng-controller="myDiagController">
    <div class="control-group" style="color:black">
        <label>My Checkbox</label>
        <div class="checkbox">
            <label class="checbox-inline" >
                <input class="big-checkbox" type="checkbox" ng-model="formData.myStuff1" 
                   ng-true-value="1" ng-false-value="0" ng-checked="formData.myStuff1 == 1">
                       <h4>Message 1</h4>
                <input class="big-checkbox" type="checkbox" ng-model="formData.myStuff2" 
                   ng-true-value="1" ng-false-value="0" ng-checked="formData.myStuff2 == 1">
                       <h4>Message 2</h4>
            </label>
        </div>

    <br>
    <input class="btn-primary" type="submit">

</form>

我确实尝试修改这样的ng-checked,并且复选框确实显示已选中。     NG-检查=&#34;真&#34;

1 个答案:

答案 0 :(得分:0)

好吧,刚刚使用了&#34; res.json&#34;在node.js方面,并使它工作,猜猜我没有时间学习,而这个fxxking公司给了我一个艰难的时间表