通过指令机制,angularjs 提供了一个强大的扩展系统,我们可以通过自定义指令来扩展自己的指令系统。
怎样定义自己的指令呢?
我们通过 Bootstrap UI 来学习吧。这个项目使用 angularjs 将 Bootstrap 3 进行了封装,是我们学习 angularjs 很好的样例。
从 Alert 开始
首先,我们从比较简单的 alert 指令来开始学习。
在 Bootstrap 中,警告框使用类 alert 来表示, 通过 alert-success, alert-info, alert-warning, alert-danger 来表示不同类型的警告。
<div class=”alert alert-info”>…</div>
<div class=”alert alert-warning”>…</div>
<div class=”alert alert-danger”>…</div>
对于可关闭的警告框来说,还可以用一个可选的.alert-dis