1. ホーム
  2. angularjs

[解決済み】AngularJSのng-styleで条件式が使えるようになりました。

2022-03-30 08:18:39

質問

私はこのように問題を処理しています。

ng-style="{ width: getTheValue() }"

しかし、この機能をコントローラー側に持たせないためには、次のようなことが望ましいですね。

ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }"

どうすればいいのでしょうか?

どのように解決するのですか?

Yoshiさんがおっしゃるように、angular 1.1.5からは変更なく使えます。

angular < 1.1.5を使用している場合、以下のようになります。 ngクラス .

.largeWidth {
    width: 100%;
}

.smallWidth {
    width: 0%;
}

// [...]

ng-class="{largeWidth: myVar == 'ok', smallWidth: myVar != 'ok'}"