Saturday 15 September 2012

Need assistance writing angularjs directive -



Need assistance writing angularjs directive -

i have code repeats many times in html:

class="lang-html prettyprint-override"><div multi-select input-model="filters.replacement_a" button-label="name" item-label="name" tick-property="selected" default-label="replacement_b" ></div>

the parts alter 2 replacement_ strings. i'd create directive phone call so:

class="lang-html prettyprint-override"><mydirective model="regions" label="the label here"></mydirective>

i'm thinking since directive returns yet directive (the multi-select directive) somehow have compile/process vs. returning simple string, right?

this seems work. no clue if it's "right" way.

class="lang-js prettyprint-override">var filterdefinition = function ($compile) { homecoming { restrict: 'e', link: function (scope, element, attrs) { var content = '<div multi-select button-label="name" item-label="name" tick-property="selected" group-property="group"'; content += ' input-model="filters.' + attrs.filter + '"'; content += ' default-label="' + attrs.label + '"></div>'; var jqliteelem = angular.element(content); $compile(jqliteelem)(scope); element.replacewith(jqliteelem); } }; };

angularjs angularjs-directive

No comments:

Post a Comment