使用angularJS更新视图中的单个项目而不是列表对象中视图中的项目列表

时间:2016-05-25 12:07:36

标签: angularjs

我最初发送一个列表对象,使用angularJs填充用户界面中的值列表。现在,使用ng-click修改其中一个列表项的值之一。如何,在用户界面中更新相同,最初是填充的列表,现在只需要更新单个列表项。请找到以下代码。

用户界面代码

<tr ng-repeat="blog in blogs" >
    <td>{{ blog.blogTitle }}</td>             
    <td>{{ blog.blogContent }}</td>
    <td>{{ blog.isActive }}</td>
    <td>
    <button class="btn" ng-Click='isActiveBlog(blog.id)'><i class="fa fa-archive"></i></button> 
   </td>
</tr>

最初博客显示为对象列表,然后修改其中一个列表项的单个值,并希望在视图中更新相同的值。如何实现同样的目标?

1 个答案:

答案 0 :(得分:0)

我已经解决了这个问题。请找到相同的代码。使用循环查找所需的值,然后检查然后按下该值。

for (var i=0; i < $scope.blogs.length; i++) {
                if ($scope.blogs[i].blogId === data.blogId) {
                    $scope.blogs[i].isActive=data.isActive;
                }
            }