添加/删除元素时未更新angularjs ng-repeat列表

发布时间：2020-12-17 10:18:29 所属栏目：安全来源：网络整理

导读：有一个从rest api中检索的用户列表.这是模板 div ng:controller="UserController" a ng-click="createUser()"Create User/a div ng-view ul li ng-repeat="user in users" {[{user.first_name}]} {[{user.last_name}]} /li /ul /div /div JS： function User

有一个从rest api中检索的用户列表.这是模板

<div ng:controller="UserController">
    <a ng-click="createUser()">Create User</a>

    <div ng-view>
        <ul>
            <li ng-repeat="user in users">
                 {[{user.first_name}]} {[{user.last_name}]} 
            </li>
        </ul>
    </div>
 </div>

JS：

function UserController($scope,User,Group){
    $scope.users = User.query();

    $scope.createUser = function(){

        //$scope.users = null;
        //$scope.users.pop();
        //$scope.users.push(new User({id:'5'}));

        console.log($scope.users);
    }
}

服务：http://dpaste.com/1065440/

正确检索和列出的所有用户.问题是我根本无法操纵渲染列表.无论我做什么推,弹出或设置为null.列表在模板中不会更改.但是,最后一条日志语句会显示更改,例如当users数组设置为null时为NULL.

问题出在哪里？

您推入阵列的对象应该是User的实例

function UserController($scope,User){

    $scope.users = User.query();

    $scope.createUser = function(){
        $scope.users.push(new User({first_name:'Bob',last_name: 'Schmitt'}));
    }   
}

所以,使用新用户({})

从我们的谈话中,似乎问题出在路由中.将相同的外部控制器分配给在ng-view中加载的部分.删除ng：controller =“UserController”并将createUser按钮移动到partial可以解决问题,但是如果真的需要从ng-view外部调用createUser方法,那么所有与之相关的数据都需要在外部控制器中.因此,您可以保持外部控制器不变,并更改路由以使用空占位符控制器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!