1. ホーム
  2. angularjs

[解決済み] 変数がNULLの場合の表示・非表示の切り替え方法

2023-05-30 12:55:04

質問

ある変数がNULLかどうかでdivを表示・非表示したいのですが。

<div ng-show="myvar"></div>

注:私の場合、変数はオブジェクトです。

とても簡単な質問ですが、うまくいかないようです。

ありがとうございます。

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

はっきりさせるために、上記の例は動作しますが、例の私のコードは無関係な理由で動作しませんでした。

myvar が false、null、または一度も使われたことがない場合 (すなわち $scope.myvar または $rootScope.myvar が一度も呼び出されていない場合)、div は表示されません。一旦何らかの値が代入されると、その値が特に false である場合を除き、div は表示されます。

以下は div が表示されるようになります。

$scope.myvar = "Hello World";

または

$scope.myvar = true;

以下のようにすると、divが非表示になります。

$scope.myvar = null;

または

$scope.myvar = false;