Angular基于移动或桌面使用不同视图模板

文章/答案/技术大牛

发布

2回答

angular、typescript、angular7、user-agent、progressive-web-apps

我正在开发一个应用程序，当网站在桌面或移动设备上打开时，我需要显示不同的视图。我有响应式的设计，但我想使用离子组件时，网站是在移动查看(基本上是一个pwa)。在桌面和移动设备上显示不同视图的最佳方法是什么？目前，我使用的是带有标志的单个模板，它检测浏览器userAgent并使用简单的ngIf呈现视图，例如 <div *ng

浏览 25提问于2019-03-09得票数 0

1回答

如何为angular和购物车应用程序加载移动和桌面不同视图

angular、twitter-bootstrap-3

我们正在使用angular和bootstrap作为购物车应用程序。我需要为移动和桌面屏幕路由不同的页面。例如，/cart路由应该在移动设备中打开不同的页面，在桌面视图中打开不同的页面(基于-md、-lg和-sm、-xs)

浏览 17提问于2020-12-21得票数 0

1回答

如何在一个应用程序中实现自适应web设计

angular

有没有办法在一个组件中包含两个模板？我的意思是，例如，我正在建设的网站不是响应式网页设计。因此，有两种不同的视图，桌面视图和移动视图。我想对这两个应用程序使用相同的应用程序。如何在基于用户设备的组件中切换两个模板(一个用于桌面视图，一个用于移动视图)？这有可能吗？

浏览 0提问于2016-10-12得票数 2

3回答

基于桌面或移动设备的Angular 2不同视图

angular、angular2-template

我在网站上工作，这有稍微不同的功能，基于桌面/移动版本。我试图通过@View来应用它，但是看起来这个装饰器现在已经被弃用了。请告诉我最佳实践，如何在Angular 2中实现此功能。

浏览 2提问于2016-09-12得票数 9

回答已采纳

1回答

Symfony移动检测重定向不同的分支

php、symfony、mobile、twig

我现在正在用Symfony开发一个应用程序，我需要检测用户支持(桌面或移动)，并用相同的控制器重定向到不同的模板分支视图(桌面或移动)。我不能使用媒体查询，对于HTML和CSS文件，我必须到不同的文件夹，一个用于桌面文件，另一个用于移动文件。

浏览 11提问于2017-03-17得票数 0

2回答

如何根据其他css类动态更改html表单元素的css类

html、css

我想要一个对桌面和移动设备有不同布局的响应表单。我有过移动视图如您所见，对于移动视图来说，文本框太小了。原因是文本框的大小是容器的70% 因

浏览 3提问于2014-08-19得票数 0

回答已采纳

1回答

Angular JS按钮ng点击一个功能vs桌面

angularjs、angularjs-directive、angular-material

我正在为我的应用程序使用angular material。我想要一个按钮来做不同的事情时，在手机或平板电脑上执行与桌面视图。例如，如果在桌面上单击，则从模型中打印value1；如果在移动设备或选项卡上单击，则打印value2。基本上，我想知道我如何才能触发两种不同的功能，桌面与移动或标签。

浏览 0提问于2016-06-09得票数 0

1回答

用于移动视图和桌面视图的角度控制器继承

javascript、angularjs、mobile

我有一个应用程序，其中每个“组件”有两个视图:一个移动视图和一个桌面视图。这些视图都非常相似，它们应该从相同的地方继承大量代码以保持干燥，但在每个视图都应该有自己的控制器的情况下，两者有很大的不同。为了补救这个问题，我有这样的设置：使用ng-include显示"mainMobile.html“或"mainDesktop.html”的基本模板“main

浏览 2提问于2016-05-02得票数 1

3回答

适用于移动和桌面的Codeigniter应用程序

codeigniter、mobile、desktop

我有一个用于桌面的codeigniter应用程序，当使用相同的代码从移动设备访问时，它可以转换为移动应用程序吗？

浏览 1提问于2013-03-19得票数 1

回答已采纳

1回答

为了使我的网站对移动更加友好，我购买了一个移动响应式主题。虽然我知道我可以创建一个子域或目录来存放网站的移动版本，但我一直在尝试基于用户的原始域切换主题。换句话说，对于，桌面用户视图DesktopTheme和移动用户视图MobileTheme。有了Any Mobile Theme Switcher插件，我能够完成这个小问题。但是，对于某些页面，我希望能够向移动用户显示桌面版本。例如，对于单个帖子，我

浏览 3提问于2015-04-05得票数 0

1回答

在这种情况下如何组织架构

javascript、user-interface、dom、web

我有一个到Firebase的纯基于web的客户端。我需要添加这个数字输入但问题是: 1.我如何为桌面和移动设备提供不同的视图:在桌面上，它是一个模式窗口；在移动设备上，它是一个全屏视图。2.我可以在没有任何Angular/CanJS/etc框架的情况下以某种方式组织它吗? 3.我没有服务器端，它应该是静态的html站点(没有服务器端页面生成)

浏览 0提问于2016-10-05得票数 0

2回答

Joomla:将菜单项放置在移动设备的不同位置

mobile、joomla、menu

我已经开发了一个基于Joomla 2.5的网站，我希望使它移动友好，而不改变(或尽可能少改变)我的网站的桌面版本。默认情况下，检测到手机时激活的模板为Mobile_basic。这是一个简单且非常好的模板，但问题是它不支持桌面模板

浏览 0提问于2016-11-01得票数 0

2回答

Modals在yeoman应用程序中生成后不会出现。

angularjs、yeoman-generator-angular、mobile-angular-ui

我已经用生成了一个具有移动和桌面视图的角度项目。移动模板在很大程度上依赖于，它在开发中工作得很好。由于某些原因，在grunt build.之后没有显示。相反，调用一个模式就像在页面顶部添加了一个透明的组件(我的意思是，使用最高的z-索引)，以与模式相同的方式窃取焦点。因此，模型本身不会显示，页面也不会响应任何单击事件(假设假模式锁定焦点)。没有错误消息抱怨控制台中缺少资源，我唯一能想到的是，负责切换mobile-angular-ui中modals可见性的代码在某种程度

浏览 0提问于2015-05-08得票数 2

回答已采纳

1回答

Kentico移动网站显示不同的内容

kentico

我们的公司网站是基于Kentico (版本8)内容管理系统平台的，由于某些原因，如果网站在手机浏览器上打开(也在iPhone和安卓系统上测试过)，它会显示不同的(过时的)内容。它是一个响应式站点，我们没有针对移动/ PC的不同/单独的站点，它是一个公共站点，所以对站点所做的任何更改都应该在PC和移动设备上自动更新。由于某种原因，我们的移动视图已经回溯了3年，显示的是1100名员工，而不是1600名。奇怪的问题。我试过在设置>内容>内容管理

浏览 14提问于2017-02-13得票数 0

2回答

MVC，用于移动和桌面的不同内容

php、model-view-controller、mobile、controller、desktop

我有一个关于为移动和桌面开发的问题。移动文本内容只有几个菜单项为了解决这个问题，我的想法是控制器识别请求，然后加载model_mobile / model_desktop和view_mobile

浏览 7提问于2012-07-14得票数 0

回答已采纳

6回答

基于桌面或移动设备的AngularJS不同视图

angularjs

我想使用AngularJS的单页网页应用程序。我担心是否有一种优雅的方式来根据客户端是移动客户端还是桌面客户端来“发送”不同的模板。有什么办法可以做到吗？是建议web服务器“理解”浏览器是什么并相应地发送视图，以便浏览器始终要求提供template.html，还是建议您编写javascript，以便浏览器告诉web服务器获取移动/template.html

浏览 0提问于2013-04-30得票数 48

回答已采纳

1回答

Rails --包括AngularJS应用程序的移动和桌面的不同资产？

ruby-on-rails、angularjs、twitter-bootstrap、ionic-framework

如何从Rails API中为为手机设计的AngularJS视图和为桌面设计的AngularJS视图包括不同的资产集(CSS和AngularJS)？默认模板(application.html.erb或index.html)通常只加载一次，带有初始请求，因为它是一个AngularJS应用程序，因此我认为Rails应用程序通常的桌面解决方案和移动解决方案将无法工作具体来说，我正在尝试将使用AngularJS、Bootstrap和jQuery

浏览 2提问于2014-05-03得票数 3

回答已采纳

1回答

Angularjs更改窗口大小的视图

javascript、angularjs、angular-ui-router

我忙于Angularjs应用程序，一切都很好，但是我在实现站点的移动版本方面有问题。我不能只做响应样式，我需要使用不同的视图文件的移动/桌面版本。} }, }基于窗口宽度返回移动模板的我厂:

浏览 3提问于2015-10-08得票数 0

回答已采纳

1回答

流星:桌面和移动视图

meteor、mobile、view、desktop

我有一个流星项目，我已经创建了桌面视图。现在我也想为它创建移动视图。我使用的是引导，所以这不是一个可伸缩性问题。我希望移动版本能以不同的方式显示信息。我使用的是铁:路由器，所以我想知道是否可以让特定的模板显示，如果设备是桌面，其他模板呈现如果设备是移动/平板电脑？

浏览 1提问于2016-04-06得票数 1

回答已采纳

1回答

跨混合离子应用程序和常规移动网站的angularJS代码共享

angularjs、twitter-bootstrap、cordova、ionic、hybrid

好的，在我们的“创新实验室”，目前有一种使用Ionic的推动，这是一个建立在Cordova之上的混合应用程序框架，用于本地访问和用于“web代码”的angularJS。也有一些项目是纯移动网站，例如使用Angular + bootstrap进行响应式设计。问题是，一些即将推出的项目需要同时拥有移动网站和原生应用程序(离子混合)。所以我的问题是:如何构建一个项目，使其既可以是离子项目，也可以是具有两种不同部署方法的普通angular网站。大部分代码被重用，但移动

浏览 2提问于2015-10-19得票数 2

点击加载更多