ngClick上的三元条件

时间:2015-10-11 22:29:43

标签: javascript jquery angularjs html5

我正在尝试根据设备类型切换功能。我有一个可点击的设置标签。在桌面版中,ngClick应重定向到默认网址。但是,在移动版本中,相同的链接点击会打开一个模态。 我做了类似的事情

settings.Html -

 <li id="btn-alerts" ng-click="showSettingsModal ? openModal() : redirectToURL()">

settings.directive -

        $scope.showPharmacySettingsModal = false;
        if (deviceWidth < 481) {       
            currentDevice = 'mobile';
            $scope.showSettingsModal = true;
        }
        $scope.redirectTo = function(){
         $window.location.href = url;
        }

我想知道这是否是检查设备并对ng-click执行某些操作的好方法。有什么更好的方法可以建议吗?

由于

2 个答案:

答案 0 :(得分:0)

ng-click用于处理函数。我建议在你的范围内制作一个方法来执行三元条件所做的操作并在ng-click中调用它。

 <li id="btn-alerts" ng-click="chooseMethod()">

然后在你的范围内:

$scope.chooseMethod = function(){
      showSettingsModal ? openModal() : redirectToURL();
}

答案 1 :(得分:0)

试试这个:

ng-click="(AppliedApps!=null && Collapse('CollapsedAppliedApplications')) || (AppliedApps.length==0 && Collapse('CollapsedAppliedApplications'))">