追加鍵值對angularjs對象

我正在從laravel 5.2形式請求驗證JSON輸出追加鍵值對angularjs對象

我的JSON輸出是：

{ 
    "title": [ 
     "The title field is required." 
    ], 
    "description": [ 
     "The description field is required." 
    ], 
    "address.city": [ 
     "City field is required" 
    ] 
}

追加此輸出到對象

var self = this; 
self.error = { 
    address: {} 
}; 

var onFailure = function (response) { 
    angular.forEach(response.data, function(value, key) { 
     self.error[key] = value[0]; 
    }); 
};

我想要訪問這個錯誤對象到我的視圖，對於「address.city」，我不能訪問它使用「ctrl.error.address.city」，其餘我可以訪問

如何使用包含「。」的鍵追加對象。並在視圖中顯示？

來源

2016-09-22 user3125407

這是您需要的。但最好不要在屬性名稱中包含（。）。相反，您可以使用下劃線（_）。避免使用點（。）作爲屬性名稱中的字符。

var myApp = angular.module('MyApp', []); 
 

 
myApp.controller('MyCtrl', function ($scope) { 
 
$scope.foo={}; 
 
    $scope.foo['hello.There'] = "I'm foo!"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="MyApp" ng-controller="MyCtrl"> 
 
    {{foo["hello.There"]}}<br /> 
 
    <input type="text" ng-model="foo['hello.There']" /> 
 
</div>

來源

2016-09-22 04:16:11 Manish

如果您知道密鑰名稱，那麼您可以訪問它的唯一方法是[]。

檢查小提琴的更多信息。

https://jsfiddle.net/9f4mbh1h/1/

來源

2016-09-22 04:11:35

您需要更改您的代碼此

在控制器

myApp.controller('MyCtrl', function ($scope) { 
$scope.foo={}; 
$scope.foo "hi"; 
    });

在HTML

<div ng-app="MyApp" ng-controller="MyCtrl"> 
    <input type="text" ng-model="foo" /> </div>

來源

2016-09-22 05:58:16

追加鍵值對angularjs對象

回答

相關問題