無法解析'javascript：;' 來自州'app'

Question

我遇到了麻煩，我不理解。 當我點擊它時，我有一個配置菜單和一個子菜單。

<li ui-sref-active="active">
      <a ui-sref="javascript:;">
        <i class="fa fa-cogs"></i>
        <span>Configurations</span>
      </a>
      <ul class="sub-menu">
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.inventory">
            <span>Devices</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.users">
            <span>Users</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.networks">
            <span>Networks</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.alerts">
            <span>Alerts</span>
          </a>
        </li>
      </ul>
    </li>
    <!-- configurations -->

問題是當我設置ng時 - 如果我只能看到配置菜單，當我點擊它時，我收到錯誤“無法解析”javascript：;' 來自州'app'“。

我知道“javascript：;” 這在我的路線文件中沒有定義。 這意味着什么具體？ 這段代碼不是我的，我正在嘗試進行一些更改來控制誰可以通過執行ng-if來查看菜單

<!-- configurations -->
    <li ng-if="permissionGroup.views.configurations" ui-sref-active="active">
      <a ui-sref="javascript:;">
        <i class="fa fa-cogs"></i>
        <span>Configurations</span>
      </a>
      <ul ng-if="permissionGroup.views.configurations" class="sub-menu">
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.inventory">
            <span>Devices</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.users">
            <span>Users</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.networks">
            <span>Networks</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.alerts">
            <span>Alerts</span>
          </a>
        </li>
      </ul>
    </li>
    <!-- configurations -->

要獲得Controller上的權限組，我有這段代碼

var user = JSON.parse(window.localStorage.getItem("userKey"));      

        $http.get('/api/organization_permissions_groups/'+user.organization_permission_group_id).success(function (data) {           
            $scope.permissionGroup = data;
        });

Answer 1

您應該使用ng-show而不是ng-if ：

<!-- configurations -->
    <li ng-show="permissionGroup.views.configurations" ui-sref-active="active">
      <a ui-sref="javascript:;">
        <i class="fa fa-cogs"></i>
        <span>Configurations</span>
      </a>
      <ul ng-show="permissionGroup.views.configurations" class="sub-menu">
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.inventory">
            <span>Devices</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.users">
            <span>Users</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.networks">
            <span>Networks</span>
          </a>
        </li>
        <li ui-sref-active="active">
          <a ui-sref="app.configurations.alerts">
            <span>Alerts</span>
          </a>
        </li>
      </ul>
    </li>
    <!-- configurations -->