angularjs - ng-repeat 保存后不会自动刷新

Question

我正在尝试通过保存发布一些数据，但除非我刷新，否则无法在浏览器中看到数据，todo.id 立即显示，但不显示 todo.name

    <body ng-controller="TodoCtrl">
      <div ng-repeat="todo in Todos.record">
           <div>{{todo.id}} : {{todo.name }}</div>
      </div>
      <div>
        <input ng-model="todo.name" />
        <button ng-click="addItem()">Add Item</button>
      </div>
    </body>

var app = angular.module("myApp",['ngResource']);

app.factory("Todo",function($resource){
    return $resource(
        "http://localhost/rest/motors/users?app_name=motors",
        {},
        {
            query: {method: 'GET',isArray: true},
            get: {method: 'GET'},
            save:{method:'POST'}
        }
    )
})

app.controller("TodoCtrl", function ($scope, Todo) {
    "use strict";
    $scope.Todos = Todo.get();
    $scope.addItem = function(){
        Todo.save($scope.todo, function(data){
            $scope.Todos.record.push(data);
            $scope.todo={};
        });
    }
})

score 0 · Accepted Answer

如果该代码示例代表您的真实代码，则引用“todo.name”的“输入”字段可能在 ng-repeat 循环之外，这可能是一个问题，因此这是在“Todos.name”之外定义模型属性。记录”列表。

score 0 · Accepted Answer

在 api url 中添加 &fields=* 解决了这个问题。例如改变

"http://myexample.com/rest/motors/users?app_name=motors"
 to 
"http://myexample.com/rest/motors/users?app_name=motors&fields=*"

感谢帮助。

angularjs - ng-repeat 保存后不会自动刷新

2 回答 2

Related

Reference