こんにちは、私が持ってフォローコードにちらつく: 入力はNG-場合
.container2 {
width: 300px;
height: 50px;
color: white;
background-color: grey;
}
.myClass1 {
color: red;
}
.myClass2 {
color: blue;
}
<!doctype html>
<html ng-app="myApp" ng-controller="myController">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js">
</script>
<script>
angular.module("myApp", []).controller("myController", function($scope) {
});
</script>
</head>
<body>
<div class="container1">
<input ng-if="!isOpen" type="text" placeholder="Text...">
<span ng-if="!isOpen">Text1</span>
<span ng-if="!isOpen">Text2</span>
<span ng-if="isOpen">Text, when container 2 is open</span>
<button class="myClass1" ng-click="isOpen = !isOpen" ng-class="{myClass2: isOpen}">Click here...</button>
</div>
<div class="container2" ng-show="isOpen">Container 2 is open now...</div>
</body>
</html>
- 2つのアイコンは私のスパンです「テキスト1」および「テキスト2」
- は、三角形は私のボタン
ステップ2:それは閉鎖さだと三つの要素が、そこに他の1ではありません。デフォルト:私はボタンをクリックし、それは3つの要素を非表示にする必要があります1つのテキストを表示、おそらく0.5秒の入力は、そこにとどまる点滅し、皮革よりdは - 0.5秒、それは次のようになります。
ステップ3:それは0.5秒間点滅した後、それが非表示になりますとよりこのようにその正しい:
私はこれが十分に明確であると思います。誰かにアイデアはありますか?感謝と歓声。
重要EDIT:それは私が入力周りdiv要素を入れて、DIVにNG-if式を与えた場合、それが正常に動作などの入力、選択、チェックボックスとしてすべてのフォーム要素を点滅..
あなたは入力タグにCSS遷移がないのですか? – gaurav5430
はい、これは以下の入力用のCSSです:input {height:30px;パディング - 左:5ピクセル; text-align:left;} - 乾杯 – MrBuggy
あなたはフィドルまたはplunkrで問題を再現することができますか?またはいくつかの他の作業コード – gaurav5430