混合ui-sref和$ state.go以在Angular ui-router中进行状态转换

wang

我正在构建一个注册表单,该表单将提交用户的输入,然后使用特定于该新用户的模板转换为已登录状态。

据我了解,要做到这一点,我必须ng-submit()在html模板中使用$state.go()in控制器。

模板:

<form ng-submit="register(name, password)">
  ...
  <input class="btn btn-success btn-lg btn-block" type="submit" value="Sign Up">
</form>

控制器:

angular.module('myApp').controller('RegisterController',
        ['$scope','userService', function($scope, userService) {
          $scope.register = function(name, passed) {
            userService.register(name, passed);
            $state.go("app.home");
          }
}])

但是,我只需要使用几个地方$state.go(),在大多数情况下,ui-sref在html模板中就足够了。就是这种混合ui-sref$state.go()好的做法?根据ui-router文档,它们实质上执行相同的操作。但是,由于状态转换分散在两个不同的地方(模板和控制器),所以对我来说,感觉就像是代码的味道。

我尝试一起使用ui-srefng-submit但是它不起作用,ng-submit被忽略了。在这种情况下,最佳做法是什么?

罗宾·霍迪

所有ui-sref做的是产生一个href与URL指定状态属性。

如果您想路由用户互动所无法实现的某处href(在这种情况下,请提交表单),则必须使用$state.go

您可以这样看:

  • ui-srefhref绑定到元素的属性。
  • $state.go 转换为其他状态,由您的JavaScript代码控制

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS UI-Router中的ui-sref和$ state.go之间的区别

来自分类Dev

Angular UI Router state.go和锚标签

来自分类Dev

ui-router $ state.go VS ui-sref在AngularJS中让我发疯

来自分类Dev

在Angular UI Router中解析$ state.go的依赖项

来自分类Dev

ui-sref和可变状态参数名称

来自分类Dev

angularjs ui-router默认子状态和ui-sref

来自分类Dev

AngularJS:在angular-ui-router中使用$ state.go将数据传递到状态

来自分类Dev

AngularJS:在angular-ui-router中使用$ state.go将数据传递到状态

来自分类Dev

Angular-ui-router:ui-sref-active与子活动

来自分类Dev

Angular-ui-router:ui-sref-active与子活动

来自分类常见问题

Difference between $state.transitionTo() and $state.go() in Angular ui-router

来自分类Dev

UI-Router state.go回调状态更改

来自分类Dev

angular ui-router state template not working

来自分类Dev

从angular-ui-router中的ui-sref更改当前状态下的url参数

来自分类Dev

Angular ui-router $ state.go在重定向内部未重定向

来自分类Dev

Angular UI Router state.go参数在stateChangeStart中不可用

来自分类Dev

Angular UI Router:状态转换父子

来自分类Dev

UI-Router $ state。$当前包装状态

来自分类Dev

UI-Router $ state。$当前包装状态

来自分类Dev

我可以使用UI-Router和ui-sref将变量传递给控制器吗?

来自分类Dev

使用 ui-router-ng2 在 Angular 2 中不使用 ui-sref 更改状态。(Angular2 & UI-Router-ng2)

来自分类Dev

Angular UI Route / State设计和实现无法正常运行

来自分类Dev

Angular-UI-Router:ui-sref不使用参数构建href

来自分类Dev

Angular ui-router的ui-sref-active的父节点不起作用

来自分类Dev

Angular UI-Router ui-sref忽略一些元素

来自分类Dev

Angular UI-Router $ urlRouterProvider。当我单击<a ui-sref="...">时不起作用

来自分类Dev

Angular UI-Router带空ui-sref并加载一次

来自分类Dev

Angular ui-router ui-sref-opts更新地址栏

来自分类Dev

Angular UI Router,菜单在$ state更改时失去功能

Related 相关文章

  1. 1

    AngularJS UI-Router中的ui-sref和$ state.go之间的区别

  2. 2

    Angular UI Router state.go和锚标签

  3. 3

    ui-router $ state.go VS ui-sref在AngularJS中让我发疯

  4. 4

    在Angular UI Router中解析$ state.go的依赖项

  5. 5

    ui-sref和可变状态参数名称

  6. 6

    angularjs ui-router默认子状态和ui-sref

  7. 7

    AngularJS:在angular-ui-router中使用$ state.go将数据传递到状态

  8. 8

    AngularJS:在angular-ui-router中使用$ state.go将数据传递到状态

  9. 9

    Angular-ui-router:ui-sref-active与子活动

  10. 10

    Angular-ui-router:ui-sref-active与子活动

  11. 11

    Difference between $state.transitionTo() and $state.go() in Angular ui-router

  12. 12

    UI-Router state.go回调状态更改

  13. 13

    angular ui-router state template not working

  14. 14

    从angular-ui-router中的ui-sref更改当前状态下的url参数

  15. 15

    Angular ui-router $ state.go在重定向内部未重定向

  16. 16

    Angular UI Router state.go参数在stateChangeStart中不可用

  17. 17

    Angular UI Router:状态转换父子

  18. 18

    UI-Router $ state。$当前包装状态

  19. 19

    UI-Router $ state。$当前包装状态

  20. 20

    我可以使用UI-Router和ui-sref将变量传递给控制器吗?

  21. 21

    使用 ui-router-ng2 在 Angular 2 中不使用 ui-sref 更改状态。(Angular2 & UI-Router-ng2)

  22. 22

    Angular UI Route / State设计和实现无法正常运行

  23. 23

    Angular-UI-Router:ui-sref不使用参数构建href

  24. 24

    Angular ui-router的ui-sref-active的父节点不起作用

  25. 25

    Angular UI-Router ui-sref忽略一些元素

  26. 26

    Angular UI-Router $ urlRouterProvider。当我单击<a ui-sref="...">时不起作用

  27. 27

    Angular UI-Router带空ui-sref并加载一次

  28. 28

    Angular ui-router ui-sref-opts更新地址栏

  29. 29

    Angular UI Router,菜单在$ state更改时失去功能

热门标签

归档