Question

我有一个场景，点击按钮我会在模态页脚中触发一个带有一些信息和社交网络按钮的模态。

当点击社交网络按钮时，我希望发送的网址应该直接显示模态，而不是显示页面

路线：

.state('main', {
            url: '/main',
            templateUrl: 'views/mainView.html',
            controller: 'mainCtrl'
   })

控制器：这是我在点击按钮

上打开模态的地方

$scope.fnModal = function() {
            var modalInstance = $uibModal.open({
                animation: ISOURCE_TOGGLE.set,
                backdrop: 'static',
                templateUrl: 'views/modal/rescheduleModalView.html',
                controller: 'ModalCtrl'

            })
        }

模态控制：这是使用Socialshare服务点击社交分享按钮时应分享模式的地方

   $scope.socialShare = function() {
    Socialshare.share({
        'provider': 'facebook',
        'attrs': {
            'socialshareUrl': window.location.href
        }
    });
}

但是这里的主页面正在共享，因为我希望模态应该直接共享

任何帮助都将不胜感激。

Answer 1

为模态创建指令。

在控制器中注入指令并在html中使用它，如下所示。

<modal data-some-attr="value"></modal>

Answer 2

如果您的模态内容是静态的，则可以在打开模式（函数$state.transitionTo('main', {modal: 'true'}, { notify: false });）时在URL中添加查询参数：

main

您不需要更改模态控制器中的任何内容。

当用户访问您的网页Thumbprint: FBBE05A1C5F2AEF637CDE20A7985CD1011861651 Has private key:True rsa.KeySize (bits) =2048 Signature Length (bits): 2048 Signature: kBC2yh0WCo/AU8aVo+VUbRoh67aIJ7SWM4dRMkNvt...时，您必须检查您的网址中是否有查询参数模式设置为true。如果是，则打开模态，否则只显示没有模态的页面。

将模态分享到社交网络

2 个答案: