遇到angularjs的ng-click指令问题

时间:2016-02-11 09:38:00

标签: angularjs angularjs-ng-click

我有两个按钮,一个有点击事件并重定向到登录页面。 另一个按钮仅用于显示弹出窗口。但是单击第二个按钮也会将我重定向到登录页面

这是我的代码

<div class="body"></div>
    <div class="grad"></div>
    <div class="header">
        <div>MY<span>Demo</span></div>
    </div>
    <br>
    <div class="register" ng-controller="RegisterUser">
            <input type="text" class="margin-15" placeholder="Name" ng-model="user.name" name="user"><br>
            <input type="text" class="margin-15" placeholder="Date Of Birth" ng-model="user.dob" name="user"><br>
            <input type="text" class="margin-15" placeholder="Gender" ng-model="user.gender" name="user"><br>
            <input type="text" class="margin-15" placeholder="Email" ng-model="user.email" name="user"><br>
            <input type="text" class="margin-15" placeholder="Contact Number" ng-model="user.phn_number" name="user"><br>
            <input type="text" class="margin-15" placeholder="username" ng-model="user.uname" name="user"><br>
            <input type="password" class="margin-15" placeholder="password" ng-model="user.password" name="password"><br>
            <a class="waves-effect waves-light btn-large" ng-click="registerUser()">Register</a>
            <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>      
    </div>

我尝试了很多方法,但这对我没用。

3 个答案:

答案 0 :(得分:0)

如果应该打开模态的第二个按钮是

<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

然后它没有ng-click指令。

您应添加ng-click 功能,以打开模式实例

您可以找到示例here

答案 1 :(得分:0)

这里的问题是$password = ConvertTo-SecureString "MYPASSWORD" -AsPlainText -Force $account = New-Object System.Management.Automation.PSCredential "MYDOMAIN\MYLOGIN" $password; $opt = New-ScheduledJobOption -RunElevated $trigger = New-JobTrigger -Once -At (Get-Date).AddSeconds(5) Register-ScheduledJob -Name SJOB-USER -Credential $account -ScheduledJobOption $opt -Trigger $trigger ` -ScriptBlock {Start-Job -Name JOB-USER ` -ScriptBlock {COMMAND1; COMMAND2} | Wait-Job; Start-Sleep -s 15; ` $encoding=[System.Text.Encoding]::UTF8; if (COMMAND-TEST) {Send-MailMessage -SmtpServer MY-SMTP-SERVER -Encoding $encoding -From "MAIL-SENDER" -To "MAIL-USER" -Subject "..." -Body "..." -BodyAsHtml} else {Send-MailMessage -SmtpServer MY-SMTP-SERVER -Encoding $encoding -From "MAIL-SENDER" -To "MAIL-USER" -Subject "..." -Body "..." -BodyAsHtml}; ` Get-Job | Remove-Job -Force; Get-ScheduledJob | Unregister-ScheduledJob -Force} 。单击该按钮时,angular会在路径配置中查找“#modal”路由。由于“#modal”路由不存在,因此会将您重定向到默认路由。

删除href并尝试使用javascript打开模态。例如

href="#modal"

在控制器中:

<a class="waves-effect waves-light btn modal-trigger" ng-click="showModal()">Modal</a>

答案 2 :(得分:0)

根据您的描述,第一个按钮/链接正常工作,第二个按钮或链接也重定向到登录页面。

首先你的第二个按钮不是这样做的,因为第一个按钮是这样做的,因为第二个链接正在搜索一个页面(将#modal1视为一个url),如果它找不到该页面会重定向到具有#/等网址的着陆页。您可以重定向到包含正确网址的网页,也可以通过ng-click将其发送到方法并提供那里有一个MODAL代码。

如果你想在第二次点击时重定向到某个页面,这里有一个插件。 Plunk