6
Myślę, że to powinno być proste, ale brakuje mi czegoś. Jak mogę przekazać poniżej flowObj w mojej ng-repeat mojej dyrektywie? Chciałbym przekazać go do mojej dyrektywy, a następnie kliknąć, aby użyć FlowObj, a następnie zastosować pewną logikę. Próbowałem użyć skomentowanego kodu w mojej dyrektywieAngularJs przekazać instancję każdego powtórzenia ng w HTML do dyrektywy
Ale wydaje się, że zepsuć moje 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>
Oto moja dyrektywa
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();
});
}
};
});
rozwiązanie oparte na odpowiedź:
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);
}
};
});