javascript - 对 null 或空值使用 ng-switch

Question

我有一个像 $rootScope.user = {name:"abc",password:"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 注入(inject) Controller 。然后您可以将用户对象存储到 $rootScope 作为

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

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

$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>