解释在给定情况下正确使用angularjs指令

时间:2013-03-13 22:35:33

标签: javascript angularjs angularjs-directive

从我对角度的理解和使用到目前为止,指令用于DOM操作,控制器用于控制。

我知道指令应该是通用的和可重用的,我正在努力将迷你向导转换为指令并使其成为通用的。也许真正的通用性太过分了。

基本上是div,点击按钮 - > (某些逻辑发生) - > fadeout.callBack(fadein new div) - >再次重复 - >在最后一个窗口中单击一个按钮并返回原始div。

现在我使用fadeOut / fadeIn为嵌套的jquery选择器完成此任务。

效果很好,我只想将其从控制器中分离出来,以尽可能地保持“最佳实践”。

对我来说真正令人困惑的一点是,当fadeIn / Out功能真的是一个onClick类型的东西时,似乎指令是在运行时,不断更新的功能。

任何建议都会有所帮助。

1 个答案:

答案 0 :(得分:0)

我同意上述评论,特别是你可以通过提供一个例子来帮助阐明事情。我不完全确定指令在运行时是什么意思。但是,作为一个例子,我有几个可能的建议。

  1. 创建一个jquery插件并尝试使用angular ui有一个可以处理许多插件的jq指令
  2. angularui还有一个适合您的动画指令
  3. 您将看到的一种技术是,有时使用观察者或超时来检查@ mark-rajcok建议的状态。
  4. 在我看来,根据你提供的内容,这是一个已经解决的非常可解决的问题。我建议下拉angularui和companion bootstrap代码以获取想法。免责声明:我已经完成了angularui项目的工作。