Question

我正在尝试使用ng-office-ui-fabric的命令栏，这里是code

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css/fabric.min.css" />
  <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css/fabric.components.min.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ngOfficeUiFabric/0.15.3/ngOfficeUiFabric.min.js"></script>
</head>
<body ng-app="YourApp"> 
  <div ng-controller="YourController">
      <uif-command-bar>
        <uif-command-bar-main>
          <uif-command-bar-item>
            <span>one</span>
          </uif-command-bar-item>
          <uif-command-bar-item>
            <span>two</span>
          </uif-command-bar-item>
          <uif-command-bar-item>
            <span>three</span>
          </uif-command-bar-item>
        </uif-command-bar-main>
      </uif-command-bar>
  </div>
  <script type="text/javascript"> 
    angular.module('YourApp', ['officeuifabric.core', 'officeuifabric.components'])
    .controller('YourController', ['$scope', function ($scope) {}])
  </script> 
</body>
</html>

如果我们更改预览的宽度，我们可以非常轻松地看到项目隐藏（我们可以看到添加了类is-hidden），即使有视觉效果空间。

是否有人知道如何控制此限制宽度，以便不会轻易隐藏这些项目？

另一种选择是永远不会隐藏命令项，是否有人知道如何启用它？

否则，是否可以在office-ui-fabric中使用angularjs创建一个没有ng-office-ui-fabric的命令栏？

当有空间时，不要隐藏物品

0 个答案: