AngularJS $ scope變量未顯示

Question

我有一個簡單的布爾變量，該變量將DIV切換為在啟動時隱藏，然后在操作后顯示，直到應用程序結束。 但它不會切換-DIV始終處於隱藏狀態。 請幫忙，下面的代碼有什么問題：

<div class="right" ng-controller="EmployeeDetailsCtrl" ng-show={{showEmployeeDetails}}>
        <p>{{employee.name}} {{employee.surname}}</p>
</div>

在EmployeeDetailsCtrl控制器內部：

$scope.$on('showEmployee', function (event, data) {
    $scope.showEmployeeDetails = true;
    $scope.employee = data;
});
$scope.showEmployeeDetails = false;

順便說一句，$ scope.employee變量在事件觸發后會正確更新，所以我真的被卡在這里了。

Answer 1

從ng-show刪除{{}} ，如下所示：

<div class="right" ng-controller="EmployeeDetailsCtrl" ng-show="showEmployeeDetails">
        <p>{{employee.name}} {{employee.surname}}</p>
</div>

Answer 2

當您使用ng-show您將綁定到一個expression ，而不是一個string ，因此只需使用：

ng-show="showEmployeeDetails" 。 這就是為什么您可以做更復雜的事情，例如ng-show="1 + 1 === 2" 。

如果仍然不能解決問題 ，則可能是一個范圍界定問題，其中將原語分配給子作用域，而看不到父作用域。 從您顯示的代碼來看，它看起來不像，但是對於這個問題，它可能已經簡化了，您永遠不會知道。