ng-class如果浏览器不是Internet Explorer [英] ng-class if browser is not internet explorer

问题描述

我有一个问题，我想只在浏览器不是IE浏览器的情况下才能为项目添加一个css类。

我可以使用Angular JS

类似于：

 < div ng-class = myClass：BROWSER是IE？default>< div> 
  

---

解决方案：

  HTML：
 
< div data-ng-class =getClass（）>< / div> 
 
 JAVASCRIPT：
 
 $ scope.isIe = function（）{
 return false || ！document.documentMode; 
 
 
 $ scope.getClass = function（）{
 if（$ scope.isIe（））{
 return; 
} 
 else {
返回yourClass1 yourClass2 yourClass3; 
 
 
 
 $ div $解析方案

你可以通过如下函数分配类：



  data-ng-class =getClass（）
 
 code> 

在 getClass（）中实现检测IE 并返回空字符串（如果检测到），但返回如果不是，则为空格分隔的类名称列表。例如：
$ b

编辑：添加功能isIe，基于@jsonmurphy的评论

 函数isIe（）{
返回false || ！document.documentMode; 
 
 
 $ scope.getClass = function（）{
 if（isIe（））{
 return; 
} 
 else {
 returnclassName1 className2 ...; 
} 
} 
  




I have an issue, i want to add a css class to an item only if the browser isn't internet explorer.

Can I do that with Angular JS?

something like:

<div ng-class="myClass : "BROWSER IS IE" ? default"><div>

---

SOLUTION:

HTML:

       <div data-ng-class="getClass()"></div>

JAVASCRIPT:

        $scope.isIe = function () {
            return false || !!document.documentMode;
        }

        $scope.getClass = function () {
            if ($scope.isIe()) {
                return "";
            }
            else {
                return "yourClass1 yourClass2 yourClass3";
            }
        }

解决方案

You could assign the class via a function like:

data-ng-class="getClass()"

In getClass() implement functionality to detect IE and return the empty string if it is detected, but return a space separated list of class name(s) if it is not. Something like:

EDIT: add function isIe based on comment by @jsonmurphy

function isIe() {
  return false || !!document.documentMode;
}

$scope.getClass = function() {
  if(isIe()) {
    return "";
  }
  else {
    return "className1 className2 ... ";
  }
}

这篇关于ng-class如果浏览器不是Internet Explorer的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！