AngularJs传递HTML每个NG-重复的实例指令(AngularJs pass instanc

我想这应该是简单的，但我失去了一些东西。我如何传递一个flowObj在我的ng-repeat下面我的指令？我想将它传递给我的指令，然后点击使用该FlowObj然后应用一些逻辑。我想在我的指令使用注释代码

scope: { 
    test:"@" 
}

但似乎搞砸了我的CSS。

HTML：

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
            <div id="center_outer">
                <div id="center_inner"  ng-controller="CtrlPageFlow"> 
                    <div flowclick   class="cflow" ng-repeat="flowObj in flows"   >
                        {{flowObj.name}}
                    </div>
                </div>
            </div>
    </body>
</html>

这里是我的指令

angular.module('directives', ['opsimut']).directive('flowclick', function() {
    return {   
        /* 
        scope: {
            test:"@"   // set the attribute name on the directive's scope
        },
        */
        link: function(scope, elem, attr) {
            elem.bind('click', function(scope) {
                debugger;
                alert(scope.flowObj);
                //scope.name += '!';
                //scope.$apply();
            });
        }
    };
});

解决方案：根据回答：

angular.module('directives', ['opsimut']).
  directive('flowclick', function() {


        return {



                  link: function(e, elem, attr) {
                    // scope is the directive's scope,
                    // elem is a jquery lite (or jquery full) object for the directive root element.
                    // attr is a dictionary of attributes on the directive element.
                    elem.bind('click', function(e1) {

                      debugger;

                      alert(e.flowObj);


                    },e);
                  }
        };


  });

解决方案：删除整个scope从您的指向性，并如预期正常工作了。

此外，您也将需要重新命名的scope从这样的论点：