有一个从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); } }
正确检索和列出的所有用户.问题是我根本无法操纵渲染列表.无论我做什么推,弹出或设置为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方法,那么所有与之相关的数据都需要在外部控制器中.因此,您可以保持外部控制器不变,并更改路由以使用空占位符控制器.