Question

我知道之前有过类似的问题：

Change the templateUrl of directive based on screen resolution AngularJS

这是一年前首次提出的问题，从那时起AngularJS发生了一些变化。我很想知道是否有其他方法可以实现类似的东西，因为我还没有找到关于templateUrl交换的许多信息，所以也许我在这里咆哮错误的树。

我有一个没有任何路线的单页应用。

HTML：

<p>Mobile</p>

模板1：

<p>Desktop</p>

模板2：

"require": {
    "php": ">=5.5",
    "other/bundle": "~1.0@dev"
},

我想在屏幕低于700px时呈现模板1 ，否则呈现模板2 。模板改变了 my-dir指令中的内容。例如，模板1呈现列表，模板2呈现表。

另一个要求是尽可能使其响应（在调整窗口大小时，模板会发生变化）

目前我可以使用上述问题的解决方案，但还有其他方法吗？

Answer 1

在您的控制器中：

$scope.includeDesktopTemplate = false;
$scope.includeMobileTemplate = false; 
var screenWidth = $window.innerWidth;

if (screenWidth < 700){
    $scope.includeMobileTemplate = true;
}else{
    $scope.includeDesktopTemplate = true;
}

html模板：

<body ng-app="App">
    <p ng-if="includeMobileTemplate">Mobile</p>
    <p ng-if="includeDesktopTemplate">Desktop</p>
</body>

希望有所帮助

Answer 2

您可以在from rpy2.robjects import r from rpy2.robjects.packages import importr base=importr('base') utils=importr('utils') markov=importr('MSwM')指令上添加窗口调整大小和滚动事件侦听器：

my-dir

根据屏幕大小更改视图

2 个答案: