检测浏览器并显示/隐藏div的正确位置

Question

如果用户在某个浏览器（在本例中为chrome / chormium）中打开页面，我想显示一个div（使用ng-if或ng-show/hide），但我不确定在哪里最好。

javascript代码如下所示：/chrome/i.test( navigator.userAgent )，但是放置它的最佳位置在哪里？在过滤器中？在控制器中？在指令中？

Answer 1

查看下面详细的浏览器检测脚本

http://www.quirksmode.org/js/detect.html

我建议您使用“指令”或“过滤器”

Working Demo

下面是过滤器示例代码：

angular.module('myApp', []).filter('checkBrowser', function(){

    return function(){

        return /chrome/i.test(navigator.userAgent)
    }
})

模板代码：

<div ng-show="{{''|checkBrowser}}">Hello</div>