javascript - AngularJS: function is not a function -


i have angularjs app, , on 1 of pages, have number of widgets, each 1 displaying information status of part of system. working on adding functionality allow user 'hide' heading of given widget.

there 'settings' button on page widgets displayed, which, when clicked, overlays toolbar on top of each of widgets. toolbar has number of buttons- 1 of 'settings' button, opens dialog allows user change settings particular widget.

i have added checkbox dialog, enable user 'hide' heading particular widget view:

configure item dialog

when checkbox selected on dialog, , user clicks 'preview', expecting (eventually- i'm still working on implementation of feature) heading particular widget hidden. however, currently, when user clicks 'preview', whether checkbox selected or not, getting error in console says:

typeerror: $scope.widget.togglewidgetheading not function

this error coming $scope.preview function in ctrl.js called when 'preview' button clicked on dialog:

}).controller('widgetpickerctrl', function($scope, $timeout, fxtag, gpresets, appwidget) {     ...     $scope.preview = function(e) {         $scope.widget.togglewidgetheading();         ...     };     ... });

i don't understand why i'm getting console error, since togglewidgetheading() function...

if right-click on function call above in sublime, , select 'go definition', taken directive.js file function defined:

.directive('appwidget', function($timeout, fxtag, appcolorfilter) {     return {         ...         link: function($scope, $element){             ...             var togglewidgetheading = function(){                 ...             }             ...         }     } })

also, clicking 'preview' button on dialog no longer closes dialog...

why i'm being told function call not function when defined one? issue here scope (i.e. fact i'm calling function ctrl.js, though it's defined in directive.js)?

the definition of directive, added ..., relevant part directives scopes.

directives can implement several kind of scopes. can inherit , access parent scope, or can have isolated scope example. may read in official documentation explained:

https://docs.angularjs.org/guide/directive

however, whatever scope use, default angularjs implements inheritance of scopes, inheritance works: children can access parent methods, parent cannot access children's methods.

here seems parent scope (the controller) trying access directive's scope, no possible. (even if in link function define togglewidgetheading private variable, , not associated $scope - won't work either).

so have few options in these cases:

  1. define "visible properties" inside service , inject service inside directive , controller. use service in order access , change these values, sync between controller , directive
  2. add scope parameter directive callback & , provide function controller returns chosen visibility of widget, directive can call function , value of widget's visibility
  3. add scope parameter 2 way data binding = in directive, bound widget's visibility of controller, have sync between controller , directive
  4. use events in order communicate between controller , directive, broadcasting event controller when visibility changes, , reading event directive getting widget's visibility value

i hope makes sense


Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more