javascript - 如何使用 angularjs 添加 google webkit

Question

我需要将 google webkit 功能添加到我的应用程序中。我想要类似于我们现在在 gmail 中拥有的东西，一旦我们将鼠标放在“+”符号上，它就会展开并为我们提供各种选项，如“插入照片”、“插入链接”等。我是 angularjs 的新手非常感谢任何帮助。

Answer 1

你可以使用 ng-mouseenter 和 ng-mouseleave，一个像这样的简单指令

myApp.directive('expando', function () {
return {
    restrict: 'A',
    scope: {
    },
    controller: ['$scope', function ($scope) {
        $scope.open = false;
    }],
    link: function ($scope, elem, attrs, ctrl) {

        $scope.toggleState = function () {
            if ($scope.open) {
                $scope.open = false;
            } else {
                $scope.open = true;
            }
        };
    },
    replace: true,
    transclude: true,
    template: '<div ng-mouseenter="toggleState()" ng-mouseleave="toggleState()"> <span ng-hide="open" class="sectionIndicator">+</span> <div ng-show="open" class="inline" ng-transclude></div> </div>'
};});

可能会做你需要的。这是一个 fiddle - http://jsfiddle.net/LukeMaso/LwFws/