javascript - ブラウザを検出し、div を表示/非表示にする適切な場所

Question

ng-ifユーザーが特定のブラウザー (この場合は chrome/chormium) でページを開いた場合に div (またはを使用) を表示したいのです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>