模态 - 按钮不起作用 - 控制器故障

Posted

技术标签:

【中文标题】模态 - 按钮不起作用 - 控制器故障【英文标题】:modal - buttons not working - controller failure 【发布时间】:2016-01-06 11:47:25 【问题描述】:

我使用 ionic 市场的 backand-app。 现在我尝试将登录作为模式。在标准上,我有一个登录选项卡,用户可以在其中进行登录。但这不是很好,所以我想用一个模态来做,并删除登录选项卡。

现在的问题是: 当我在登录选项卡上打开它时,模式只是登录。当我在其他站点(例如对象或仪表板)上打开它时,模式会打开,但登录按钮什么也不做。 我认为这是一个控制器问题。

我将文件上传到 git: https://github.com/AndreDriesel/ionic-backand-app

你知道为什么它不起作用吗?

【问题讨论】:

哪些按钮不起作用? 登录模式中的按钮,例如 facebookgoogle+git。但前提是您在网站 dashboardobjects 上打开模式。如果您在 login 网站上打开模式,一切正常。 您需要提供更多详细信息。你说,“模式只是登录,我在登录选项卡上打开它。”所以它有效吗?然后你说,“当我在其他网站上打开它时,例如对象或仪表板,模式会打开,但登录按钮什么也不做” - 还有什么其他网站?你是说另一个 Ionic 应用?? 没有。我有 4 个标签:dashboardobjectsloginsignup。每个选项卡都有自己的站点。我有 3 个按钮来打开模式:在标签 dashboardobjectslogin 的站点上。当我在 login 上打开模式时,一切正常,只是在其他两个站点/选项卡上没有任何反应。当您下载并打开代码时,您会明白我的意思。 【参考方案1】:

我找到了 facebook 登录模式在您的应用中不起作用的原因。 该视图假设 LoginCtrl 名称为“login”,因此所有方法都在此假设下调用。 例如“login.socialLogin('facebook')”。

在您的代码中,您调用了正确的控制器,但没有给他适当的名称。

在代码中,你必须改变一点,一切都会好起来的。

在第 25 行的选项卡对象中 旧行是:

<button class="button button-icon ion-ios-person" 
ng-controller='LoginCtrl' ng-click="openModal()"></button>

新的也是这样的

<button class="button button-icon ion-ios-person"
ng-controller='LoginCtrl as login' ng-click="openModal()"></button>

【讨论】:

说实话,这是失败 :) 知道我正在努力在启动时打开模态,当用户未经授权(未登录)时......它打开了模态,但没有功能...我认为旋转镜可以使用控制器

以上是关于模态 - 按钮不起作用 - 控制器故障的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 模态表单重定向返回,输入不起作用

push 在以模态方式呈现的控制器上不起作用

模态部分视图验证不起作用

TouchableOpacity 和按钮在反应原生模态中不起作用?

模态弹出窗口上的“发送”按钮第一次不起作用c#

引导模态高度上的转换不起作用