[解決済み】AngularJSで属性を条件付きで適用するための最良の方法は何ですか?
2022-04-16 14:33:50
質問
スコープ上のブール変数に基づいて、要素に例えば "contenteditable" を追加することができるようにする必要があります。
使用例です。
<h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1>
の場合、contenteditable=trueが要素に追加されることになります。
$scope.editMode
に設定されていた
true
.
このng-classのような属性の振る舞いを簡単に実装する方法はないのでしょうか?ディレクティブを書いて、なければ共有することも考えています。
編集する 私の提案した attrs ディレクティブと、いくつかの類似点があることがわかります。 ng-bind-attrs は、1.0.0.rc3 で削除されましたが、1.0.0.rc3 では、以下のようになりました。 なぜでしょうか?
解決方法は?
ng-classが使えない場合(SVGのスタイリング時など)、class attrを条件付きで設定するために、以下のように使っています。
ng-attr-class="{{someBoolean && 'class-when-true' || 'class-when-false' }}"
他の属性タイプでも同じ方法が使えるはずです。
(ng-attr-を使うには最新の不安定なAngularである必要があると思います。私は現在1.1.4です)
関連
-
[解決済み] AngularJSの.$uibModalとは何ですか?
-
[解決済み] AngularJS 。scope.apply()呼び出し時の$digest already in progressエラーを防ぐ。
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] AngularJSでコントローラ間の通信を行う正しい方法は何ですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのスコーププロトタイピング/プロトタイピング継承のニュアンスとは?
-
[解決済み】AngularJSでCSSスタイルを条件付きで適用するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjsのng-viewが動作しない。
-
[解決済み】Angularjs accordion ng-click on panel-header
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] Angular JS $locationChangeStart 次の url ルートオブジェクトを取得する
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] シンプルなangularjsの日付入力
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] AngularJs .$setPristineでフォームをリセットする
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能
-
[解決済み】angular.jsがドキュメントをコンパイル/補間する前に二重中括弧表記が一瞬表示されないようにする。