做一个有角的状态条指令

Question

我希望实现一个指令，在我的离子角应用程序中显示状态信息。我的想法是在我的模板中定义一组标准状态消息，如下所示，它受到股票ng-switch指令的启发。

<status-bar code="statusCode" onShow="onStatusShow" onHide="onStatusHide">
    <status-message when-code="OK" style="calm" timeout="3000">My HTML message</status-message>
    ...
    ...
    <status-message when-complex style-field="style" text-field="text" timeout-field="timeout" />
</status-bar>

我的要求是：

状态栏

1. 该指令应该绑定到$scope.statusCode，根据它的字符串值，它应该激活除when-complex指令之外的一个子指令。
2. 但是，如果我将一个对象分配给$scope.statusCode，如果定义了.它应该激活when-complex指令。
3. 该指令还公开了一个onShow和onHide回调。
4. 当更改$scope.statusCode的值时，在显示新活动的子指令之前，应该完全隐藏以前活动的子指令。(动画)

状态-消息

1. style和timeout属性是可选的，将分别默认为'stable'和null。
2. timeout属性将导致这个子指令在清除$scope.statusCode之前显示很短时间。

虽然我可以写非常简单的指令，但事实证明，这个指令有点超出了我的能力。我看到了ng-switch的来源和它令人困惑的地方。我也试过了，但不管我做了多少努力，我也没有做多大的努力。我在这里发布我的代码方法不是因为缺乏尝试，而是为了混乱和相关性。

因此，我想知道是否有人可以在codepen或plunkr上提出一个可能的基本方法，我可以用它作为扩展的基础(因为这只是对我打算用这个指令做什么的一个简单的解释)。或者至少指出我需要进入的方向..。

Answer 1

经过一夜的头脑风暴和编码，不时有咖啡和烟的休息.我设法让它运转起来..。再一次保持ng-开关作为基地..。代码有点长..。为了更好的可用性，我改变了几个需求。有些要求，如#2和#3，还没有起作用。但我很确定我也会把它做好的。

所以如果有人有类似的问题或者对我的解决方案感兴趣。我可以在这里发..。:)