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