草庐IT

passing-data-between-view-control

全部标签

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 从另一个 Controller 内部更新模型

提交表单后,我正在尝试将新的数据行推送到表中。但是,名为UrlListCtrl的表与名为UrlFormCtrl.的表单不同functionUrlFormCtrl($scope,$timeout,UrlService){$scope.message='';vartoken='';$scope.submitUrl=function(formUrls){console.log('Submittingurl',formUrls);if(formUrls!==undefined){UrlService.addUrl(formUrls).then(function(response){$scope

javascript - 我怎样才能让 View 在返回时保留其嵌套的子状态,而不是使用 ui-router 转到其父级?

我使用ui-router创建了选项卡,其中一些选项卡具有子/孙状态。我怎样才能让选项卡View记住它的历史,也就是说,在返回时回到它以前使用的状态。我创建了一个CODEPEN来证明这一点。1)usersgoesintoatab2)usergoesintoanestedviewofthattab3)usergoesintoanothertabsview4)iftheusergoesbackintothefirsttabtheygointotheparentviewofthetab.HowcanIhavethemgobackintothechildviewofthattab(seenin#

javascript - react + Apollo : GraphQL errors array not passed into component

根据这些Apollodocs,设置all的error-policy应该使GraphQL响应的errors数组可用于我的Apollo包装的React组件“所以[my]UI可以使用它们。”我的应用程序是通用的,所以我使用此策略很重要,这样错误就不会阻止应用程序完全呈现。问题是,即使我的浏览器开发工具在服务器响应中显示了errors数组,我也无法在我的React组件的props中访问它。同样,props.data.error始终未定义。这是为什么?//ComponentimportReactfrom'react';import{graphql}from'react-apollo';impor

javascript - 如何在我的网站中集成交易 View 图表库

我正在建立一个用于比特币交易的网站。我想使用交易Viewchartinglibrary我将它提取到我的工作区中。我想知道如何提供我自己的数据馈送。数据馈送文件应采用哪种格式(如php、js、json)?var_datafeed=newDatafeeds.UDFCompatibleDatafeed("http://localhost/workspace/charting");//var_datafeed=newDatafeeds.UDFCompatibleDatafeed("https://demo_feed.tradingview.com");TradingView.onready(f

javascript - 主干模型 : nested data structure

我正在开发Backbone应用程序,它可以发出跨域的Restful请求。请求中的嵌套数据结构是必需的,在curl请求中我有该结构:{"site_id":1,"post":{"site_id":1,"provider_id":1,"provider_post_id":1,"created_ts":"12.12.12","post":{"header":"text","caption":"text","image":"http://...jpg"}}}在模型中,我没有嵌套结构,这很舒服,因为我在view(DOM元素创建)中使用了image模型字段。从Backbone应用向服务器发送嵌套数据

javascript - 渲染主干 View 时如何防止图像闪烁?

我使用Backbone.js作为框架,在我看来我有一些小图像(要删除的垃圾桶、图标等)。当View重新呈现这些图像时闪烁。我已经通过为我不想闪烁的所有内容创建一个新View而不触发它们渲染来解决这个更大的图像。但我想知道是否有另一种方法可以在不将我的观点分解成一堆碎片的情况下做到这一点?这是我呈现我的观点的一般格式:window.SomeView=Backbone.View.extend({initialize:function(){this.model.bind('change',this.render,this);this.template=_.template($('#view-

javascript - Access-Control-Allow-Origin 不允许 Origin http ://127. 0.0.1

我正在制作一个简单的图库,它使用html+javascript从picasa帐户中获取照片。首先,获取相册列表,然后为每个相册获取照片列表。第一个查询工作正常,但其他查询在浏览器(Chrome)中返回此错误:GEThttps://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US404(NotFound)jquery.js:8240XMLHttpRequestcannotloadhttps://picasaweb.goo

javascript - 以干净的方式扩展主干 View 和继承选项

这是我关于SO的第一个问题,希望我没有搞砸。我已经检查了关于这个问题的其他主题,但它们没有涵盖我遇到的情况。我正在Backbone之上构建一个库来创建移动应用程序。我将所有组件定义为主干View的主要原因是因为我想在滚动时进行内存优化(隐藏内容/从DOM中删除内容)。让我先从最理想的防御开始定义一个基类供其他组件使用,有一些默认我需要在每个组件上使用的属性和一些方便的方法。UI.Component=Backbone.View.extend({viewOptions:['children'],children:[],add:function(child){this.children.pu

javascript - Backbone.js:嵌套 View 的路由

我想弄清楚以下情况:假设我有两种观点:一种是查看商品,另一种是购买商品。要注意的是,购买View是用于查看的subview。对于路由我有:varMyRouter=Backbone.Router.extend({routes:{'item/:id':'viewRoute','item/:id/buy':'buyRoute'}});varrouter=newMyRouter;router.on("route:viewRoute",function(){//initializemainviewApp.mainview=newViewItemView();});router.on("route