[Falcor] Indroduce to Model
2024-04-10 21:05:21
How to work with JSON data indirectly through a Falcor Model. The Falcor Model allows you to work with data using the same familiar JavaScript path syntax. However the Model uses a push API, sending the data to a callback rather than returning it immediately. Using a push API means that you can move your data anywhere in the network later on, without changing the data retrieval code in your client.
Below the code, show the data stay in memory, and we get the data by javascript path:
<!-- index.html -->
<html>
<head>
<!-- Do _not_ rely on this URL in production. Use only during development. -->
<script src="//netflix.github.io/falcor/build/falcor.browser.js"></script>
<script>
var model = {
people: [
{
name: "Zhentian",
titles: [
{
id: 123,
name: "developer",
rating: 10
}
]
},
{
name: "Otto",
titles: [
{
id: 321,
name: "developer",
rating: 10
}
]
}
]
}; console.log(model.people[0].titles[0].name);
</script>
</head>
<body>
</body>
</html>
You will see the "developer" in the console.
Using farcol.Model to the data async, the data will be pushed into the console:
<!-- index.html -->
<html>
<head>
<!-- Do _not_ rely on this URL in production. Use only during development. -->
<script src="//netflix.github.io/falcor/build/falcor.browser.js"></script>
<script>
var model = new falcor.Model({
cache: {
people: [
{
name: "Zhentian",
titles: [
{
id: 123,
name: "developer",
rating: 10
}
]
},
{
name: "Otto",
titles: [
{
id: 321,
name: "developer",
rating: 10
}
]
}
]
}
}); model.getValue('people[0].titles[0].name')
.then(function (value){
console.log("Falcor: ", value);
});
</script>
</head>
<body>
</body>
</html>
We still use the javascript path the repersent the data:
'people[0].titles[0].name'
getValue return a promise, so we use .then to get the value:
model.getValue('people[0].titles[0].name')
.then(function (value){
console.log("Falcor: ", value);
});
最新文章
- MongoDB与内存
- mac 命令行批量删除.svn［转］
- 翻译 Tri-Ace：在Shader里近似渲染公式
- c 语言 结构体
- 单片机usb转串口的时灵时不灵的解答
- iOS-OC-基础-NSPredicate常用方法
- 多版本VisualStudio导致的.net版本问题
- Java入门篇（六）——类和对象
- C语言中file文件指针概念及其操作 （转载）
- EBS HRMS数据表
- [Swift]LeetCode500. 键盘行 | Keyboard Row
- 从零开始学习PYTHON3讲义（四）让程序更友好
- Spring EnableWebMvc vs WebMvcConfigurationSupport
- 关于360插件化Replugin Activity动态修改父类的字节码操作
- MySQL sql_mode=only_full_group_by错误
- 查看Tensorflow版本
- 测试开发系列之Python开发mock接口（一）
- Hive学习之路 （六）Hive SQL之数据类型和存储格式
- pg中删除的页是否仍被访问
- Webstorm设置代码提示