使用 ng-controller 时如何让 ui-router 解析工作?

里格森

使用 ng-controller 时是否可以解决问题?我更喜欢使用 ng-controller,因为它允许我访问所有 1.6+ 生命周期钩子,例如 $onDestroy,在状态 obj 上定义控制器时我会丢失这些钩子。

Plunker:https ://plnkr.co/edit/2FJ0dGtFQtBtcQ0uVbTi ? p = preview

在下面的示例中,在“main”中加载的视图使 myData 可用于注入,但是在 main2 中,控制器是用 ng-controller 定义的,而 myData 不再可用于注入。

$stateProvider.state('home', {
    url: '/',
    views: {
        'main': {
            controller: 'MainCtrl',
            controllerAs: 'vm',
            templateUrl: 'main.html'
        },
        'main2': {
            templateUrl: 'main2.html'
        }
    },
    resolve: {
        myData: function() {
            return ['My', 'resolve', 'is', 'working'];
        }
    }
});
乔治亚

使用 ui-router 状态实例化:

app.controller('MainCtrl', function(myData) {
    console.log("MainCtrl")
    console.log(myData);
    console.log(this);
    this.message = myData.join(' ');
});

使用 ng-controller 初始化:

app.controller('MainCtrl2', function($scope) {
    console.log("MainCtrl2");
    console.log($scope);
    this.message = $scope.$resolve.myData.join(' ');
});

PLNKR 上演示

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用ui-router解析时,如何访问解析的数据?

来自分类Dev

使用ui-router时如何摆脱/#/?

来自分类Dev

使用ui-router类型定义的打字稿时,模块'ng'没有导出的成员'ui'

来自分类Dev

ng-cloak不能帮助有角度的ui-router在模板解析时隐藏元素

来自分类Dev

如何使用Angular UI Router解析所有状态的数据?

来自分类Dev

如何使用Angularjs的UI.Router正确解析多个工厂

来自分类Dev

使用ng-click时,AngularJS ui-router会恢复为其他状态

来自分类Dev

ui-router如何与ng-animate一起使用?

来自分类Dev

ui-router如何与ng-animate一起使用?

来自分类Dev

ui-router使用动态参数解析

来自分类Dev

当我在html标签中使用ng-controller时,Angular停止工作

来自分类Dev

使用可选的{parameter}时,两次评估ui-router状态解析条目

来自分类Dev

如何使用 ui-router 1.0 在 $state 对象中获取解析数据

来自分类Dev

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

来自分类Dev

如何使用UI ui-router转换为空状态?

来自分类Dev

使用 UI Router 解析防止 Angular 控制器加载

来自分类Dev

ui-router在添加$ http或restangular内部解析时冻结

来自分类Dev

ui-router在添加$ http或restangular内部解析时冻结

来自分类Dev

Angular-ui-router:分配编号以解析属性时出错

来自分类Dev

从ng-route更改为ui-router $ routeChangeSuccess无法正常工作

来自分类Dev

angular 2 ,在 ng build --prod 之后,ui-router 停止工作

来自分类Dev

在每个页面中使用嵌套视图时,如何使用ui-router进行页面重定向?

来自分类Dev

使用Angular ui-router时如何显示默认的子视图?

来自分类Dev

使用“ ui-router”时如何从另一个控制器获取参数?

来自分类Dev

使用带有嵌套视图的ui-router时如何添加用户控制器?

来自分类Dev

使用 ui-router 更改状态时如何保留范围数据?

来自分类Dev

如何设置多个Angular UI-router解析语句?

来自分类Dev

使用angularjs ui-router和ng-animate开启/关闭动画

来自分类Dev

如何使ui-router控制器正常工作?

Related 相关文章

  1. 1

    使用ui-router解析时,如何访问解析的数据?

  2. 2

    使用ui-router时如何摆脱/#/?

  3. 3

    使用ui-router类型定义的打字稿时,模块'ng'没有导出的成员'ui'

  4. 4

    ng-cloak不能帮助有角度的ui-router在模板解析时隐藏元素

  5. 5

    如何使用Angular UI Router解析所有状态的数据?

  6. 6

    如何使用Angularjs的UI.Router正确解析多个工厂

  7. 7

    使用ng-click时,AngularJS ui-router会恢复为其他状态

  8. 8

    ui-router如何与ng-animate一起使用?

  9. 9

    ui-router如何与ng-animate一起使用?

  10. 10

    ui-router使用动态参数解析

  11. 11

    当我在html标签中使用ng-controller时,Angular停止工作

  12. 12

    使用可选的{parameter}时,两次评估ui-router状态解析条目

  13. 13

    如何使用 ui-router 1.0 在 $state 对象中获取解析数据

  14. 14

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

  15. 15

    如何使用UI ui-router转换为空状态?

  16. 16

    使用 UI Router 解析防止 Angular 控制器加载

  17. 17

    ui-router在添加$ http或restangular内部解析时冻结

  18. 18

    ui-router在添加$ http或restangular内部解析时冻结

  19. 19

    Angular-ui-router:分配编号以解析属性时出错

  20. 20

    从ng-route更改为ui-router $ routeChangeSuccess无法正常工作

  21. 21

    angular 2 ,在 ng build --prod 之后,ui-router 停止工作

  22. 22

    在每个页面中使用嵌套视图时,如何使用ui-router进行页面重定向?

  23. 23

    使用Angular ui-router时如何显示默认的子视图?

  24. 24

    使用“ ui-router”时如何从另一个控制器获取参数?

  25. 25

    使用带有嵌套视图的ui-router时如何添加用户控制器?

  26. 26

    使用 ui-router 更改状态时如何保留范围数据?

  27. 27

    如何设置多个Angular UI-router解析语句?

  28. 28

    使用angularjs ui-router和ng-animate开启/关闭动画

  29. 29

    如何使ui-router控制器正常工作?

热门标签

归档