AngularJS 基于用户代理的不同模板

【问题标题】：AngularJS different template based on User AgentAngularJS 基于用户代理的不同模板
【发布时间】：2014-03-16 09:57:45
【问题描述】：

我有一个输出 JSON 的 Spring MVC 应用程序。我打算使用 AngularJS 作为我的前端，并希望它使用基于用户代理（桌面/移动）的不同模板。我可以知道使用 AngularJS 是否可行？如果是这样，怎么做？有更好的方法吗？

【问题讨论】：

【解决方案1】：

我自己没有测试过，但我认为这可以工作：

$scope.userAgent = navigator.userAgent;

<some-template ng-if="userAgent === 'firefox'">
<some-other-template ng-if="userAgent !== 'firefox'">

您是否尝试过使用 navigator.userAgent？

我认为另一种选择是转向 ui-router 并利用其解析功能。然后从服务中运行一些 navigator.userAgent 查找，并在呈现视图之前确定正确的模板 - 减少 ng-if 的数量。

这只是现阶段的猜测，试一试，看看什么有效/无效，祝你好运：)

【讨论】：