javascript - How to properly use the same AngularJS 1.5 component multiple times in a view? -


i'm creating set of widgets angularjs 1.5's new components. problem is, when using same widget multiple times, somehow share controller or scope. thought 1 of things components scope isolated?

my main html template hold widgets:

<widget-list     title="books"     class="col-xs-12 col-md-4"> </widget-list>  <widget-list     title="movies"     class="col-xs-12 col-md-4"> </widget-list>  <widget-list     title="albums"     class="col-xs-12 col-md-4"> </widget-list>

my widget template:

<div class="widget widget-list">     <div class="panel b-a">          <div class="panel-heading b-b b-light">             <h5>{{$widget.title}}</h5>             <div class="pull-right">                 <button type="button" class="btn btn-default btn-sm" ng-click="$widget.dosomething()">                                     </button>             </div>         </div>          <div class="panel-content">             {{$widget.content || 'no content'}}         </div>      </div> </div>

my widget component:

app.component('widgetlist', {     templateurl: 'template/widget/widget-list.html',     bindings: {         title   : '@',     },     controlleras: '$widget',     controller: function($timeout) {          $widget = this;          console.log('title on init: ', $widget.title)          $timeout(function() {             console.log('title after 3 seconds: ', $widget.title)         }, 3000)          $widget.dosomething = function() {             $widget.content = "something";         }     } });

when running code, console looks like:

title on init: books title on init: movies title on init: albums (3) title after 3 seconds: albums

also after rendering, 3 widgets display no content in template. but, when clicking dosomething() button in either 1 of 3 widgets, content of last widget updates something.

what happening here? why components not 'isolated'?

looks have global variable called $widget here, try this:

var $widget = this;

instead of

$widget = this;

it creates mess since $widget variable holds reference controller has been initialized, in case controller of third component.


Comments

Post a Comment

Popular posts from this blog

How to get the arclen between two curve points in Maya? -

in maya 2015, can arclen of curve using command: cmds.arclen('bezier1') but want arclen of 2 points in curve. there anyway this? using maya's api surely best way @scottiedoo said, here function made when didn't know api , gives same results. from maya import cmds def computecrvlength(crv, startparam = none, endparam = none): ''' compute length of curve between 2 given uparameters. if both uparameters arguments set none (default), compute length of whole curve. arguments: - crv = string; existing nurbcurve - startparam = 0 <= float <= 1 or none; default = none; point parameter value, if not none, compute points between startpt , endpt values. - endparam = 0 <= float <= 1 or none; default = none; point parameter value, if not none, compute points between startpt , endpt values. returns: - length of curve between given uparameters - length of curve start startp...
Read more

C++ Linked List -

i trying create linked list download txt file , use linked list handle file line line. when handling downloaded linked list operations performed on such text editor would. encountering problems however. seems "node(string value)" section of code has wrong though original node() declaration no arguments passes. unable figure out quite is. node.h class node { public: node(); node(string value); void setnext(node *nextnode); // allows user set "next" pointer of node points friend class linkedlist; private: string data; // data box node* next; // pointer box }; node.cpp # include <string> # include "node.h" using namespace std; node::node() { data = ""; next = null; } node::node(string value) { data = value; next = null; } void node::setnext(node *nextnode) // allows user set "next" pointer of node points { this->next = nextnode; } your #include <string> ...
Read more

git svn - Unignore directories in git-svn (adding directories to a sparse checkout) -

when using git svn, sparse checkout of central repository may achieved along lines of git clone -s url-to-root --include-paths 'dir1|dir2|dir3' after using setup time, add directory dir4 tracked. directory has existed in many commits have checked out. editing variable svn-remote.svn.include-paths running git config --edit does not have desired effect on git fetch (only files changed in future commits checked out changed; not immediately), , following not check out dir4: git svn fetch --include-paths dir4 i think following work ineffective due refetching revisions since first revision @ dir4 appeared first time (let's call rev): git svn reset -r rev git svn fetch --include-paths dir4 git svn rebase what better way of tracking dir4? if not care history of dir4? is there better way initial sparse checkout git-svn if suspect want change list of tracked directories later? have tried starting listing directoreis not fetched in original commit, not know how...
Read more