Question

我正在评估ng中的功能，是否知道用户是否有权执行操作。问题在于，求值函数调用了后端，并且显然不能在ng-if旁边正常工作，因为它打印的是空对象，而不是函数返回的结果。

我将结果显示到html中，以了解该函数正在响应什么：

{{organizationController.isAllowedToInvite ()}}

这向我打印了一个空对象{}

这是我正在评估的功能：

self.isAllowedToInvite = () => {

      organizationRoleService.getUserPermissions(self.organizationId)
        .then((response) => {
          const userPermissions = response.data;

          if (userPermissions && userPermissions.organizationPermissions >= 4){
            return true;
          }
          return false;
        }, (error) => {
          console.log(error);
        });
    };

这返回true或false，这本身就很好。

为什么在html中打印时不能显示函数的结果？因为没有显示真/假，而是显示了一个空对象{}？

我希望它显示对或错，所以如果可以，我可以在ng中对其进行评估。

这是我的ng-if，显然这不起作用，因为它具有{}值。

ng-if="organizationController.isAllowedToInvite()"

Answer 1

您的方法中有一个异步操作，您不能静态检查if中的条件。您应该在控制器实例化上调用该方法，然后使用设置为true的标志（如果满足所有条件）并检查模板中的标志

self.isAllowedToInvite = () => {
      self.isAllowed = false;
      organizationRoleService.getUserPermissions(self.organizationId)
        .then((response) => {
          const userPermissions = response.data;

          if (userPermissions && userPermissions.organizationPermissions >= 4){
            self.isAllowed = true;
          }
        }, (error) => {
          console.log(error);
        });
    };

self.isAllowedToInvite();

并在您的模板中

ng-if="organizationController.isAllowed"

angular js ng-if没有从异步函数获取返回值

1 个答案: