Angular和SAP C4C的事件处理队列

简介:

Angular

我们在Angular框架的代码里能看到一个名为processQueue的函数:

这个函数是通过$scope.$apply启动的:

核心代码位于一个for循环里,循环体是一个存储异步处理任务的队列asyncQueuePosition:

for (var asyncQueuePosition = 0; asyncQueuePosition < asyncQueue.length; asyncQueuePosition++) {

try {

    asyncTask = asyncQueue[asyncQueuePosition];

    fn = asyncTask.fn;

    fn(asyncTask.scope, asyncTask.locals);

} catch (e) {

      $exceptionHandler(e);

}

     lastDirtyWatch = null;

}

队列里每个元素长这样的:一个处理函数fn,一个局部变量locals和scope对象:

这个注释也非常有用:一旦Angular发现由$scope.$apply触发的JavaScript执行序列里又出现了$scope.$apply的嵌套调用,会抛出错误消息:$digest already in progress

// It's safe for asyncQueuePosition to be a local variable here because this loop can't

// be reentered recursively. Calling $digest from a function passed to $evalAsync would

// lead to a '$digest already in progress' error.

C4C 事件队列

C4C的事件处理器,EventProcessor.js有一个事件队列:

该队列的实现位于sap/client/evt/的OperationQueue.js中:

随便在C4C UI做一个点击,能触发EventProcessor的_processQueue,C4C事件队列的处理和Angular思路一样,只不过是一个while循环替代了Angular的for循环:

C4C事件队列里每个元素属性如下,可以同Angular事件元素做对比:

fFunc就相当于Angular时间元素的fn属性,environment相当于Angular事件元素的scope属性。

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

相关文章
|
1月前
|
搜索推荐 BI 开发者
sap.ui.comp.smarttable.SmartTable 组件 beforeRebindTable 事件的用法
sap.ui.comp.smarttable.SmartTable 组件 beforeRebindTable 事件的用法
22 0
|
6月前
|
BI
SAP ABAP 报表几个事件的先后执行顺序和作用
SAP ABAP 报表几个事件的先后执行顺序和作用
50 0
|
5月前
|
BI
利用 ALV 实现增删改查系列之四:如何捕捉 SAP ABAP ALV 报表行项目删除时抛出的事件试读版
利用 ALV 实现增删改查系列之四:如何捕捉 SAP ABAP ALV 报表行项目删除时抛出的事件试读版
49 0
|
6月前
|
缓存 Java C++
SAP 电商云 Spartacus UI Angular UI 和 Accelerator JSP UI 的混合使用
Spartacus 在技术和架构( library 发布方式 vs 模板发布方式,headless vs embedded,Angular vs JSP 技术栈)等各方面,都是一种全面的从 Accelerator 的完整范式转变。因此,对于 Commerce Cloud 已经使用 Accelerator 的客户来说,并没有直接的方法可以从基于 Accelerator 的 Storefront 迁移到使用 Spartacus library 的店面。
43 0
|
6月前
|
XML 数据格式
关于 SAP UI5 XML 视图里控件事件处理函数名称中的 . (点号) 问题的讨论试读版
关于 SAP UI5 XML 视图里控件事件处理函数名称中的 . (点号) 问题的讨论试读版
36 0
|
6月前
|
中间件
Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
47 0
|
6月前
|
前端开发 API
Angular HTTPClient API 在 SAP 电商云中的使用
Angular HTTPClient API 在 SAP 电商云中的使用
41 0
|
11月前
SAP DALOG开发-代码触发回车事件
对于指定输入框:触发屏幕回车事件
182 0
SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件
我们只需要在 app.module.ts 里注入 EventService,然后调用其 get 方法,传入 OrderPlacedEvent 即可,这个方法会返回一个 Observable:
115 0
SAP 电商云 Spartacus UI 如何在应用程序里捕捉到成功下单的事件
|
容器
SAP 电商云 Spartacus UI Angular Component 动态创建的单步调试
SAP 电商云 Spartacus UI Angular Component 动态创建的单步调试
114 0
SAP 电商云 Spartacus UI Angular Component 动态创建的单步调试

热门文章

最新文章