為什么此ng-show指令不起作用？

Question

似乎我在我的角度1.2.21應用程序中為ng-show進行的設置完全缺少一些顯而易見的東西（在這里隔離了測試用例）。 我希望元素僅在字符串不為空時顯示。 假設我有一些帶有靜態標題的動態文本（可能為空），並且我不希望在文本為空時顯示帶有標題和空文本的整個元素。

我這樣嘗試過（完全plunkr）：

HTML：

<body ng-controller="FooController">
  foo: "{{ foo }}"
  <div>{{ rand }}</div>
  <div ng-show={{ foo }}>Hello foo{{ foo }}!</div>
  <div ng-show={{ bar }}>You ought to be hiding!</div>
</body>

和js：

angular.module('MyApp', [])
  .controller('FooController', ['$scope',
    function($scope) {
      $scope.rand = Math.random();
      $scope.foo = $scope.rand > 0.5 ? "bar" : "";
      $scope.bar = false;
    }
  ]);

現在，我希望“ Hello foobar” <div>僅在隨機值> 0.5時顯示，並且為進行雙重檢查，我添加了$scope.bar ，它為false，因此，我絕對希望“您應該是藏身！” <div>被隱藏。

但是，事實並非如此。 我在這里想念什么？

Answer 1

嘗試這個：

<body ng-controller="FooController">
  foo: "{{ foo }}"
  <div>{{ rand }}</div>
  <div ng-show="foo">Hello foo{{ foo }}!</div>
  <div ng-show="bar">You ought to be hiding!</div>
</body>

您的ng-show語法不正確。 您不應該使用{{}} 。

為什么此ng-show指令不起作用？

問題描述

1 個解決方案

解決方案1
1 已采納

為什么此ng-show指令不起作用？

問題描述

1 個解決方案

解決方案1 1 已采納

解決方案1
1 已采納