javascript - AngularJS- button not displaying on widget 'toolbar' -


i have angularjs app, , on 1 of pages, there number of widgets displayed. when user click 'settings' button on page (the button separate widgets), 'toolbar' each widget displayed on widgets, number of buttons on each 1 (different buttons depending on widget toolbar belongs to).

i trying add new button widget toolbars, take user relevant page each widget showing information from.

the directive in widgets' html rendered is:

.directive('umwwizard', function($q, $route, $modal, $timeout, $compile, ultui,                              umwidget, dialogmgr) {     var wizardtmpl = '<section ng-click="addwidget($event)" ' +     'class="glyphicon-clickable"><div data-ng-hide="swapto != undefined">' +     '<span class="ti-widget"></span><p data-i18n="click add item">' +     '</p></div></section>';  // overlay editing panel template var editpaneltmpl = '<div class="widget-preview-edit-panel">' +     '<span class="glyphicon glyphicon-transfer glyphicon-clickable" ' +     'data-ng-click="toggleswapmode()" ' +     'data-ng-hide="!swap() || swapto != undefined"></span>' +     '<span class="glyphicon glyphicon-cog glyphicon-clickable" ' +     'data-ng-click="editwidget()" ' +     'data-ng-hide="swapmode || swapto != undefined"></span>' +     '<span class="glyphicon glyphicon-remove glyphicon-clickable"' +     ' data-ng-click="deletewidget()" ' +     'data-ng-hide="swapmode || swapto != undefined"></span></div>'; /* +     /*erf(28/07/2017 @ 1030) add 'naviatetopage' button widget toolbar     '<span class="ti-layers" ' +     'data-ng-click="gotowidgetroot()" ' +     'data-ng-hide="swapmode || swapto != undefined"></span></div>'; */  // swap me button template var swapmebtntmpl = '<button type="button" data-ng-click="swapme()" ' +     'class="btn btn-sm btn-w-sm btn-gap-v btn-round wiz-swap-me" ' +     'data-ng-show="swapto != undefined"><span data-i18n="swap me" ' +     'data-ng-show="swapto != region"></span><span data-i18n="cancel" ' +     'data-ng-show="swapto == region"></span></button>';     return {     restrict: 'e',         // functions defined here         ... })

when 'inspect' toolbar element of 1 of widgets when viewing page in browser, can see toolbar icons displayed section underneath comment:

overlay editing panel template.

i tried adding in markup button want add widget toolbar:

'<span class="glyphicons glyphicons-more-windows">' + 'data-ng-click="gotowidgetroot()" ' + 'data-ng-hide="swapmode || swapto != undefined"></span>' +

but reason, when view page in browser, button i've added widget toolbar not displayed.

when 'inspect' toolbar in browser, can see markup other buttons there, can't see markup button i've added...

can tell me why is? doing wrong here?

i'm unsure if copypaste of snippet button being added accurate intended put on here, looks you're closing span prematurely in first line.

it looks should be:

'<span class="glyphicons glyphicons-more-windows" ' + 'data-ng-click="gotowidgetroot()" ' + 'data-ng-hide="swapmode || swapto != undefined"></span>' +

Comments

Post a Comment

Popular posts from this blog

javascript - Create a stacked percentage column -

i have collection of data : var data = [ {"p301a":"10","p301b":"7","p301c":"7","p301d":"3","p301e":"8","p301f":"8","p301g":"8","p301h":"8","p301i":"8","p301j":"8","p301k":"8","p301l":"8","p301m":"8","p301n":"8","p301o":"8","age":"31-40 years","profesion":"2","position":"2"}, {"p301a":"5","p301b":"4","p301c":"4","p301d":"4","p301e":"4","p301f":"4","p301g":"4","p301h":"4","p301i":"4","p301j":"4","p301k":"4...
Read more

Optimising Firebase database by automatically overwriting data -

in firebase app have following structure: posts latest all users can write posts > latest . want limit entries 20 posts save space in database. , posts beyond 20 unnecessary never shown on homepage. how can limit posts 20, when user writes posts > latest posts @ end drop off (be deleted) automatically? this sample should you. you need : const max_log_count = 20; exports.removeold = functions.database.ref('/posts/latest/{postid}').oncreate(event => { const parentref = event.data.ref.parent; return parentref.once('value').then(snapshot => { if (snapshot.numchildren() >= max_log_count) { let childcount = 0; const updates = {}; snapshot.foreach(function(child) { if (++childcount <= snapshot.numchildren() - max_log_count) { updates[child.key] = null; } }); // update parent. removes children. ...
Read more

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -

Image
each grid cell can have more 1 customtemplate loaded. have directive holds watcher on model_col_field listen cell updates on scroll when dom rows updated , recompile celltemplate . without watcher , $compile rows repeat on scroll, showing same set of rows. is there more angular way of approaching or way improve performance? relevant controller code: create gridoptions.data & gridoptions.columndefs : var customtemp = '<div ng-repeat="opt in grid.appscope.colvalueoptionsmodel" ng-init="tempstring=model_col_field.clazz+opt.key;"><comparison-directive dbo="model_col_field" attobj="opt" fff="grid.appscope.getattributetemplate(tempstring)" /></div>'; $scope.gridoptions.columndefs = [ { name:'yindex',pinnedleft:true,celltemplate: customtemp, displayname:'index'}, { name:'col1',celltemplate: customtemp}, { name:'col2',celltemplate: c...
Read more