对空值或空值使用ng-switch

Question

我有一个类似于$rootScope.user ={名称：“abc”，密码：“asd”}的变量。我将其分配给服务响应上的rootscope，动态地创建一个rootscope变量。现在如何实现ng-switch来检查它是否有一些值，即不为空或未定义。

<section  ng-switch on="user">
      <span ng-switch-when="null">{{user.name}}</span>
      <span ng-switch-default>Hello</span>
 </section>`

请帮帮忙。

Answer 1

首先，您需要将$rootScope注入到控制器中。然后，您可以将用户对象存储到$rootScope中

$rootScope.user = {
    name: "abc",
    password: "asd"
}

要从$rootScope检索用户对象，请在控制器中编写以下函数

$scope.getUserNameFromRootScope : function(){
  return $rootScope.user.name;
}

现在，您可以在选择元素中调用此函数

<section  ng-switch on="getUserFromRootScope()">
  <span ng-switch-when="abc">{{user.name}}</span>
  <span ng-switch-when="null">The name is empty</span>
  <span ng-switch-default>Hello</span>
</section>