我想将office-ui-fabric与angularjs一起使用，所以我正在尝试使用ng-office-ui-fabric。
为了制作命令栏，我找到了这个例子。但是，下拉按钮存在问题(例如，14th(。当我单击14th或其图标时，菜单未打开。正常吗？
此外，我想要实现的实际上是：当我们悬停其图标时，菜单是打开的。
有谁知道如何做到这一点？
PS：一个JSBin，单击14th不会打开菜单(Chrome，Mac(。
您可以使用on-mouseover='over()'进行悬停效果，也可以编写over((方法。 关于 14 日没有打开 - 不确定，但它对我有用(谷歌浏览器 win10(
您可以执行以下操作，在悬停时将标志设置为 true，离开时将该标志设置为 false。
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body ng-app="">
<div ng-mouseleave="val = false" ng-mouseover="val = true" ng-init="val=false">Mouse over me!</div>
<span ng-show="val"> This is being displayed on mouseover</span>
</body>
</html>更新：
<!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">
<a href ng-click="toggleMenu()">14</a>
<uif-contextual-menu uif-is-open="dynamic.opened">
<uif-contextual-menu-item uif-text="'New'"></uif-contextual-menu-item>
<uif-contextual-menu-item uif-text="'Edit'"></uif-contextual-menu-item>
<uif-contextual-menu-item uif-text="'Delete'"></uif-contextual-menu-item>
<uif-contextual-menu-item uif-type="divider"></uif-contextual-menu-item>
<uif-contextual-menu-item uif-text="'Settings'"></uif-contextual-menu-item>
</uif-contextual-menu>
</div>
<script type="text/javascript">
angular.module('YourApp', ['officeuifabric.core', 'officeuifabric.components'])
.controller('YourController', function ($scope) { $scope.isOpen = true;
$scope.dynamic = {};
$scope.dynamic.opened = false;
$scope.toggleMenu = function () {
$scope.dynamic.opened = !$scope.dynamic.opened;
};});
</script>
</body>
</html>