javascript - 如何将 anchor 标记与 Angular 中的模式链接起来以进行用户登录?

标签 javascript html css ajax angularjs

我正在尝试重新创建一个功能,您可以在其中单击登录之类的东西(在来自 Cozymeal.com 的以下图片中显示为 JOIN/SIGN-IN,抱歉无法发布图片),然后会出现一个弹出菜单,其中您使用 GitHub 进行连接。我正尝试在 Angular 中执行此操作,并且我对如何执行此操作及其工作原理有一个理论。

  1. 假设我在 index.html 上,我应该创建一个包含 ng-click 函数的 anchor 标记(样式看起来像一个表示登录的按钮),单击后,它将下拉一个模态 (使用 ng-show/hide 进行显示,使用 ng-animate 进行下拉效果),它将包含另一个链接到通过 GitHub 进行身份验证的 anchor 标记。

这是继续构建此功能的好方法吗?我在 Angular 中设置了我的路线,但想出这种下拉效果肯定让我感到困惑。

( http://i.imgur.com/nhEcRLi.png )

( http://i.imgur.com/QMiFlTP.png )

最佳答案

可以像您刚才说的那样做,也可以使用 CSS3 样式代替 ng-animation,并使用 ng-class 添加点击样式,并添加一个单独的类来关闭菜单。

http://www.w3schools.com/css/css3_transitions.asp

关于javascript - 如何将 anchor 标记与 Angular 中的模式链接起来以进行用户登录?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29067400/

相关文章:

html - 用于单独的兄弟元素组的 CSS 选择器

jquery - 路线更改时如何更改导航栏上的类别?

javascript - 错误 : Argument 'MainCtrl' is not a function, 未定义

javascript - super 简单的 jQuery 选项卡 - 没有 UI - 页面加载时折叠

javascript - 通过 PHP 中的提交按钮或 JavaScript 提交函数检测表单提交的差异

javascript - 有没有办法通过添加 javascript 文本节点让滚动条自动向下移动到 div 的最新添加内容?

css - 为什么当 padding 集很小时只有 padding-top 和 padding-left 起作用

javascript - 等待图像在 Javascript 中加载

javascript - 下拉选择标签中的选项值

css - 简单的哈巴狗 html 表单,使其在值更改时立即发送,而不是等待提交按钮