0

$scope に変数があるとします。

$scope.smsProfile.Active

これは true または false であり、その値に関して画面にテキストを表示したいと思います。たとえば、true の場合は「プロファイルがアクティブ」と表示され、false の場合は「プロファイルがアクティブでない」と表示されます。どうやってやるの?

私はこのように試しました:

{{true:'Profile active', false:'Profile not active'}[$scope.smsProfile.Active]}

しかし、うまくいきません。

4

3 に答える 3

3

ng-hide および/または ng-show ディレクティブを使用します。

<span ng-show="smsProfile.Active">Profile active</span>
<span ng-hide="smsProfile.Active">Profile not active</span>
于 2013-03-03T16:41:29.710 に答える
1

コントローラにメソッドを追加します。

$scope.smsProfile= {
        Active: true,
        statusText: function () {
            return $scope.foo.Active ? 'active' : 'not active';
        }
    }

次に、式でメソッドを出力するか、ng-bind

<span>Profile is {{smsProfile.statusText()}}</span>

デモ:http://jsfiddle.net/zpfq4/

于 2013-03-03T13:54:31.933 に答える