用侧面菜单绑定范围不起作用 - 离子

Question

我想根据我的应用程序中的用户“角色”在菜单上显示 2 个不同的离子列表。

app.js

  .state('app', {
    url: '/app',
    abstract: true,
    cache: false,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
  })

AppCtrl

.controller('AppCtrl', function($scope) {
  // EXAMPLE
  $scope.user = {
    name: "example",
    role: "client"
  };
})

menu.html

     <ion-list ng-if="user.role == 'manager' ">
        <ion-item menu-close href="#/app/search">
          MANAGER
        </ion-item>
        <ion-item menu-close href="#/app/songbook">
           ITEM A
        </ion-item>
      </ion-list>

      <ion-list ng-if="user.role == 'client' ">
        <ion-item menu-close href="#/app/search">
          CLIENT
        </ion-item>
        <ion-item menu-close href="#/app/search">
          ITEM B
        </ion-item>
      </ion-list>

问题是它没有渲染任何 ion-list ！只是空的！
在我看来，角度没有绑定“scope.user” 有什么想法吗？

Answer 1

您的控制器的范围是否包含您发布的 html 代码？

 <ion-list ng-if="user.role == 'manager' ">

如果控制器包含您的列表代码，

那你是不是先避免数组，比如

$scope.user_role == 'manager' 在控制器中，

ng-if="user.role == 'manager' 在 html 中。

据我所知，如果您将 xxx.html 插入到大型控制器中，则使用像您这样的数组是正确的（如果不是，数据可以通过 bot 到达插入的 html 文件中）

无论如何。有没有试过回避数组的时候能不能很好用，如果没有，原因一定是angularjs的范围没有达到你的post html代码