javascript – 如何使用$ionic模式使用’controller as’语法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用$ionic模式使用’controller as’语法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1193字，纯文字阅读大概需要2分钟。

内容图文

我正在使用AngularJS 1.5.3编写应用程序.我正在使用$ionicModal服务向我的用户显示模态.

我想将我的代码移动到’controller as’语法中,但我不确定如何使用$ionicModal服务.

这是我的控制器代码：

(function () {
    "use strict";

    angular
        .module('myApp')
        .controller('myController', myController);

    myController.$inject = [
        '$scope',
        '$ionicModal',
        'myService'
    ];

    function myController($scope, $ionicModal, myService) {

        $scope.data = myService.data;

        $scope.openModal = openModal;

        $ionicModal.fromTemplateUrl('./myPath/modal.html', function ($ionicModal) {
            $scope.modal = $ionicModal;
        }, {
            scope: $scope,
            animation: 'slide-in-up'
        });

        $scope.$on('$destroy', function () {
            $scope.modal.remove();
        });

        function openModal() {
            $scope.modal.show();
        };

    }

})();

解决方法:

I want to move my code into the ‘controller as’ syntax but I am not sure how to do that with the $ionicModal service.

简短的回答

没有

详细的答案

Ionic通过调用以下方式创建模态范围：

var scope = options.scope && options.scope.$new() || $rootScope.$new(true);

当您为根控制器使用ControllerAs时,假设您有范围的vm实例(a.e vm = this;).

vm不是范围!!!

vm只是对象,没有作用域继承,它没有.$new()方法

所以我们不能写{scope：vm}而只能写{scope：$scope}

您肯定可以使用Ionic代码但它可能会导致意外行为

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用$ionic模式使用’controller as’语法全部内容，希望文章能够帮你解决javascript – 如何使用$ionic模式使用’controller as’语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端