使用angular.fromJson()方法可以从ng-repeat指令中获取对象。该方法是AngularJS中的一个内置方法,用于将JSON字符串转换为JavaScript对象。
具体使用步骤如下:
<div ng-repeat="item in items">
<p>{{ item.name }}</p>
<p>{{ item.age }}</p>
</div>
$scope.items = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
$scope.getObject = function(index) {
var jsonString = angular.toJson($scope.items[index]);
var object = angular.fromJson(jsonString);
return object;
};
在上述代码中,$scope.getObject()函数接收一个索引参数,表示要获取的对象在数组中的位置。首先,使用angular.toJson()方法将对象转换为JSON字符串,然后使用angular.fromJson()方法将JSON字符串转换回JavaScript对象。最后,返回获取到的对象。
使用示例:
<div ng-repeat="item in items">
<p>{{ item.name }}</p>
<p>{{ item.age }}</p>
<button ng-click="selectedObject = getObject($index)">Get Object</button>
</div>
<div ng-if="selectedObject">
<p>Selected Object:</p>
<p>Name: {{ selectedObject.name }}</p>
<p>Age: {{ selectedObject.age }}</p>
</div>
在上述示例中,当点击"Get Object"按钮时,将调用$scope.getObject()函数并将获取到的对象赋值给selectedObject变量。然后,通过ng-if指令显示选中的对象的属性。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云