リンク上の複数クリック機能Anger

モーダルを表示するリンクがありますが、bodyにクラスを適用して、iOS 11ブートストラップモーダルフォームフィールドのバグのためにposition: fixedを設定する必要があります。しかし、これは身体にプロパティを設定していません。リンク上の複数クリック機能Anger

HTML

<body class="" ng-class="{'login-form' : toggle, 'login-form' : !toggle}" window-detection page-class> 

<a ng-click="openLoginModal(); toggle = !toggle" 
    data-rt-id="login--sm">[[ "Login/Join" | translate ]]</a>

CSSユーザーがログインボタンをクリックしたときに、私は身体上のクラスを切り替えることができますどのように

body{ 
    @media screen and (max-width: 414px){ 
    .login-form{ 
    position: fixed!important; 
    } 
}

？

出典

2017-12-15 Matt

'NG-class'を使用してください.... – charlietfl

体クラスはオリジナルのポストに表示されていなかった、問題を修正しました。 – Matt

リンクは、子スコープを持たないボディーと同じスコープにあるか、またはスコープを分離したスコープですか？ – charlietfl

使用しているブートストラップのバージョン。 3.2バージョンを使用してください。あなたはその .modal-オープン.navbar-固定トップのようないくつかのことを使用することができ、 .modal-オープン.navbar-固定下{ マージントップ：70ピクセル }

出典

2017-12-15 18:07:12

変更そうのようなコード。

var app = angular.module('myApp', []); 
 

 
app.controller('MyController', function MyController($scope) { 
 

 
});

.login-form{ 
 
    background-color:blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body class="" ng-class="{'login-form' : toggle, '' : !toggle}" window-detection page-class ng-controller='MyController' ng-app="myApp"> 
 

 
<a ng-click="openLoginModal(); toggle = !toggle" 
 
    data-rt-id="login--sm">{{"Login/Join" }}</a> 
 
</body>

出典

2017-12-15 20:18:53

リンク上の複数クリック機能Anger

答えて

関連する問題