通过在AngularJS中进行验证来限制ng-href

cycotron69

我一直在寻找关于这个问题的解决方案,但被困住了。我是AngularJS的新手,所以我不知道它所具有的所有好技巧。我有一个多部分的表单,使用ng-href最后HTTP GET这是提交所有内容的代码段。

<a ng-href="#/report/{{ctrl.model}}" ng-click="ctrl.createReport()">Finish</a>

现在,我要在此表单中添加验证,并且如果验证失败,我想防止链接被跟踪。验证逻辑包含在控制器函数中,该函数将根据验证结果返回true或false。

不幸的是,这段代码是其他人开发的大型实现的一部分。我只想添加验证部分,而不必在代码内修改太多逻辑。

有什么办法可以规定条件ng-href吗?这样,当单击“完成”,如果验证通过,浏览器将仅遵循URL。否则,是否仍要在控制器内以编程方式执行相同的GET我已经看过使用$http.get()$window.location.href前者似乎是AJAX,它没有将浏览器重定向到名称URL。后者,我不知道如何将扩展ctrl.model为合适的GET字符串。

任何想法,想法和建议将不胜感激。谢谢!!!

解决方案使用

HTML:

<a data-ng-click="ctrl.createReport()">Finish</a>

JS:

if (validate()) {
    $location.path('/report/' + angular.toJson(self.model, false));
}
肯特·库珀

一起删除ng-href。并使用$ location服务。

function createReport(){
    if(myForm.$valid){
        $location.path('/report'+model);
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

限制<a href>单击功能

来自分类Dev

通过angularjs ng-repeat传递href链接

来自分类Dev

AngularJS中“ href”和“ ng-href”之间的区别

来自分类Dev

通过href发送变量

来自分类Dev

Angularjs 不路由 href

来自分类Dev

AngularJS ng-href无法链接

来自分类Dev

angularjs'ng-href'不起作用

来自分类Dev

如果满足条件则进行href

来自分类Dev

通过jQuery获取href值

来自分类Dev

通过onServerClick获得href值

来自分类Dev

通过HREF查询<area>标签

来自分类Dev

通过jQuery获取href值

来自分类Dev

通过 href 的文本找到 <a> 标签

来自分类Dev

从href调用angularjs范围函数

来自分类Dev

无法使用href或ng-href转到外部网址

来自分类Dev

将href返回ng-href的方法被连续调用

来自分类Dev

用于在href中包含单词的href的xpath通过针查找

来自分类Dev

AngularJS:如何通过ng-href将多个参数传递给控制器?

来自分类Dev

是否可以通过在WildFly中进行配置来限制访问?

来自分类Dev

通过查找 id-javascript 来更改 href

来自分类Dev

ng-href =“#/ myanchor”在angularjs 1.6.1中不再正常工作

来自分类Dev

验证后在点击或href上触发

来自分类Dev

Ng-Click与Href:哪个优先?

来自分类Dev

在href中使用ng-model

来自分类Dev

Scrapy:抓取角度ng-href链接?

来自分类Dev

Ng-Click vs Href:哪个优先?

来自分类Dev

Angular ng-href JavaScript函数

来自分类Dev

结合使用href和ng-click

来自分类Dev

无法更改ng-href onClick事件