我正在尝试构建超级简单的AngularJS应用程序,将凭据接受到两个文本框中,然后使用双向绑定在按钮上重定向单击到包含其中两个变量的URL.
我的问题是,我可以让它变得简单
<a href=...>
Run Code Online (Sandbox Code Playgroud)
(或者可能是ng-href = ...)但出于某种原因,无论我做什么,我都无法使用
<button>
Run Code Online (Sandbox Code Playgroud)
我尝试了很多变化,但这就是我想要做的
<button ng-click="$location.path('http://example.com/login.jsp?un={{username}}&pw={{password}}')" class="btn btn-lg btn-warning">Log In!</button>
Run Code Online (Sandbox Code Playgroud)
如果我在控制器中调用一个函数,我可以使它工作,但这是一件非常简单的事情,如果可能的话,我想在页面上完成它.
另外,作为一个侧面问题,登录这样的网站有哪些安全问题?
**编辑:困扰我的部分是,这是有效的(只是没有双向绑定工作):
<button onClick="window.open('http://www.example.com/{{username}}');">
Run Code Online (Sandbox Code Playgroud)
我希望将onClick更改为ng-click会给我相同的行为,但是使用双向绑定.
**重新编辑/解决方案好吧,所以我终于得到了一个可行的解决方案.
我不知道为什么Button标签不会产生这种行为,如上所述,但这是工作代码.
<a href="https://www.example.com/login.jsp?un={{username}}&pw={{password}}" class="btn btn-lg btn-warning">Log In!</a>
Run Code Online (Sandbox Code Playgroud)
通过给它提供与我打算用于按钮相同的类,文本看起来像一个按钮,只是相同.