angularjs – 在帖子后将Restangular插入模型

前端之家收集整理的这篇文章主要介绍了angularjs – 在帖子后将Restangular插入模型前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个带有post的restangular集合中插入一个模型

var collectionService = restAngular.all('collection');
var collection = collectionService.getList();

var item = {
   title : "A title"
};

collection.post(item);

现在我可以做而不是最后一个声明:

collection.post(item).then(function(newItem) {
    collection.push(newItem);
});

为什么插入的模型默认不插入集合中?是否有一个原因?我错过了一个电话或什么的?我想在插入模型后再次避免再次获取集合

解决方法

首先,两种方法的行为是不同的:

collection.post(item) – 它向服务器发送POST请求,但是虽然在集合对象上调用了post(),但它没有向集合添加项目. post()方法也可用于元素对象.

collection.push(item) – 将项添加到集合中,但没有请求发送到服务器.如果要将更新推迟到服务器直到进一步操作,或者如果要使用服务器上已添加的项更新集合以保持集合同步,则可以使用此方法.

如果要向服务器发送POST请求并将项目添加到集合而不刷新整个列表,则应使用以下代码(与问题中的相同)

collection.post(item).then(function(newItem) {
    collection.push(newItem);
});

框架设计决策

Why is the inserted model not inserted into the collection by default?

想象一下,如果collection.post(item)和collection.push(item)将item添加到集合中,并且还向服务器发送POST请求.如果连接失败或服务器出错怎么办?无法报告错误或处理错误,添加到集合中的数据是错误的过时数据,与服务器不同步.为了避免这种错误,框架强制开发人员仅在POST成功时才将项添加到集合中.

您不仅可以在Restangular中找到这种编程模型,而且可以在类似“ng-resource”的REST框架中找到这种编程模型.此编程模型有助于减少错误并确保添加到集合中的项目是合法的,而不是错误的陈旧数据.

猜你在找的Angularjs相关文章