制作角度状态栏指令

Question

我正在寻找实现一个指令来显示我的离子角应用程序中的状态消息..我的想法是我在我的模板中定义了一堆标准状态消息，如下所示，它的灵感来自于股票{{1指令..

ng-switch

我的要求是：

状态条

1. 指令应该绑定到<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> ，并且根据其字符串值，它应该激活除$scope.statusCode之外的一个子指令..
2. 但是，如果我将一个对象分配给when-complex，它应该在定义时激活$scope.statusCode指令。
3. 该指令还公开了when-complex和onShow回调..
4. 更改onHide的值时，应先显示先前处于活动状态的子指令，然后再显示新的活动子指令..（动画）

状态消息

1. $scope.statusCode和style属性是可选的，分别默认为timeout和'stable' ..
2. null属性会导致此子指令在清除timeout之前显示一小段时间..

虽然我可以编写非常简单的指令，但这个指令证明有点超出我的范围..我已经看到了$scope.statusCode的来源及其令人困惑的......我也试过了自己，但我还没有真正走得太远有了这个，不管我多少尝试..我不是在这里发布我的代码方法不是因为缺乏尝试而是为了混乱和相关性..

所以我想知道是否有人可以在ng-switch或codepen上提出一个可以用作扩展基础的基本方法（因为这只是对什么的简化解释）我打算做这个指令）..或者至少我需要进入的方向......

Answer 1

经过一夜的脑力激荡和编码后，咖啡和烟雾中断了...我设法使它工作..再次保持ng-switch为基础..代码有点长..而且我改变了为了更好的可用性，一路上有一些要求..而且＃2和＃3等一些要求还没有工作......但是我很确定不好也让它也能正常工作..

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