飞镖中嵌套聚合物元素捕捉异常

我无法弄清楚如何捕捉由嵌套元素抛出的异常。飞镖中嵌套聚合物元素捕捉异常

我想是这样的：

<error-handler> 
    <hard-worker></hard-worker> 
</error-handler>

的想法是，例如，使在硬工人一个REST请求。如果工作人员从REST服务器获取错误，当然，它会自行处理错误。但最后它必须在某处/某处显示错误消息。错误处理程序被认为是向用户显示错误（例外）的人。错误处理程序应该是可以改变的。它可能是例如错误处理程序日志消息或错误处理程序显示弹出。

来源

2014-01-27 Mike Mitterer

我在GitHub上更新了我的Polymer-Sample。它显示了两种讨论的方法：基于事件总线（已经存在）和新的DOM事件方法。（一个我喜欢 - 更清洁）

工作示例（铬）
https://rawgithub.com/MikeMitterer/DART-Sample-PolymerHelloWorld/master/build/index.html

代码：
https://github.com/MikeMitterer/DART-Sample-PolymerHelloWorld/tree/master/web

我所做的一些细节：
的index.html

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="import" href="hello-world/hello-world.html"> 
    <link rel="import" href="event-handler/event-handler.html"> 
    <link rel="import" href="stopwatch/stopwatch.html"> 
    <script type="application/dart">export 'package:polymer/init.dart';</script> 
</head> 
<body> 

    <h1>Hi first world!</h1> 
    <!-- event-handler should show some events coming in from hello-world --> 
    <event-handler> 
     <hello-world></hello-world> 
    </event-handler> 

    <script src="packages/browser/dart.js"></script> 
    </body> 
</html>

HELLO-world.html
元，如果你点击“触发事件” - 按钮将触发一个事件。这也可能是一个错误的消息...

<!DOCTYPE html> 
<polymer-element name="hello-world"> 
    <template> 
     <button on-click="{{increment}}">Click Me</button> 
     <button on-click="{{fireevent}}">Fire an event (received by event-handler)</button> 

     <p>Hello from inside a custom element! Clicks: {{count}}</p> 
    </template> 
    <script type="application/dart" src="hello-world.dart"></script> 
</polymer-element>

HELLO-world.dart

import 'package:polymer/polymer.dart'; 
import 'package:event_bus/event_bus.dart'; 
import 'package:PolymerHelloWorld/globaleventbus.dart'; 
import 'dart:html'; 
import 'dart:math'; 
import 'package:json/json.dart' as JSON; 

@CustomTag('hello-world') 
class HelloWorldElement extends PolymerElement { 
    final EventBus _eventbus = new GlobalEventBus(); 

    @observable int count = 0; 

    HelloWorldElement.created() : super.created(); 

    void increment(Event e, var detail, Node target) { 
     count += 1; 
     _eventbus.fire(GlobalEventBus.basicClickEvent,"Test"); 
    } 

    void fireevent(Event e, var detail, Node target) { 
     final Random random = new Random(); 
     final Map json = { 'response' : 'Hi, this is a message', 'random' : random.nextInt(100)}; 

     // Fires a JSON-Message 
     fire("hello-event",detail: JSON.stringify(json)); 
    } 
}

事件处理程序。HTML 模板接收 “你好事件”

<!DOCTYPE html> 
<polymer-element name="event-handler" on-hello-event="{{handleHelloEvent}}"> 
    <template> 
     <style> 
      .error { color: red; } 
     </style> 
     <p class="error">EventHandler (Shows hello-world events!) Message: {{response}}, Random number: {{randomnumber}}</p> 
     <content></content> 
    </template> 
    <script type="application/dart" src="event-handler.dart"></script> 
</polymer-element>

事件handler.dart 实现handleHelloEvent在根据模板

import 'package:polymer/polymer.dart'; 
import 'package:json/json.dart' as JSON; 

@CustomTag('event-handler') 
class EventHandler extends PolymerElement { 

    @observable String response = ""; 
    @observable int randomnumber = 0; 

    EventHandler.created() : super.created(); 

    void handleHelloEvent(Event e, var detail, Node target) { 
     final Map json = JSON.parse(detail); 

     response = json['response']; 
     randomnumber = json['random']; 

     // Log to console 
     print("Received event! $detail"); 
    } 
}

定义这就是它 - 如果你知道它如何工作 - 就像馅饼一样简单！

来源

2014-01-27 11:12:11

这将不起作用<hard-worker>中的代码不会从<error-handler>中调用。

如果您提供了更多关于您想要在<error-handler>中处理的错误类型的信息，将会有所帮助。

如果您有易于出错的代码，您应该使用try-catch手来封装错误，尽可能在本地处理错误。

编辑（评论）之后

更有意义。但是你真的想为一个服务设置这样的错误处理程序吗？我宁愿在页面

我建议你使用类似的Eventbus（见答案为例，这个问题How to access angular.dart component´s attribute or method）发送Error事件（像形式的文本输入可视控件可能不同）这样的错误处理程序并让<error-handler>收听此类事件。这些事件可以包含details属性中的其他数据，如消息，严重性，...

来源

2014-01-27 08:19:43

的恕我直言，这将是更好的，而不是扩展/改善你的问题发表评论的。我刚看到你已经下了决心。另请参见我的扩展答案 –

EventBus是/我的计划B - 我只是认为必须有一些内容支持聚合器，支持元素边界的异常处理 - 似乎并非如此。顺便说一下，我使用这个EventBus：http://pub.dartlang.org/packages/event_bus - 工程很好。 –

我链接到的EventBus示例是此EventBus程序包的简化版本（代码具有对GitHub回购的引用）。聚合物更多是构建独立的元素/小部件而不是应用程序框架，因此缺少这样的功能。 –

而不是

<polymer-element name="event-handler" on-hello-event="{{handleHelloEvent}}">

我认为你可以使用（但没有尝试）：

<event-handler> 
    <hello-world on-hello-event="{{handleHelloEvent}}"></hello-world> 
</event-handler>

您的组件并不需要知道哪些方法被调用！

你也不必字符串化地图：细节接受任何类型的对象

来源

2014-01-27 12:39:39

飞镖中嵌套聚合物元素捕捉异常

回答

相关问题