AngularJS - knowing when the data has been bound to DOM -


i'd determine if length text exceeds width of container in order that, need know when data has been bound dom.

is there event in angularjs tells me page has been bound, or using settimeout way sidestep that?

well, depends;

one-time evaluation

if data not changed after linked, it's matter of using postlink() function within directive. function tied link property of directive default, can evaluate data on spot:

link: function(scope, element, attrs) {     // element , data linked, let's mess around dom! }

dynamic data

if data going change after linking phase (after dom compiled , scope bound it), it's bit more convoluted.

there's no way of knowing when digest cycle has ended (or when data has finished updating), each evaluation may change data being evaluated , trigger cycle.

the best can in such cases arbitrarily decide when data has finished changing - can $watch changes on bounded data, , decide e.g. if text not soft-equaling former text value, perform action in dom.

link: function(scope, element, attrs) {     scope.$watch('counter', function(newval, oldval, curscope) {         if (newval != oldval) {             // data re-evaluated, let's mess around dom!         }     }); }

see demo dynamic data evaluation.

post scriptum

note talking detecting when data bound dom, , not whether element attached dom. shouldn't matter in cases, it's worth noting.


Comments

Post a Comment

Popular posts from this blog

php - SPIP: From Tag directly to an article -

i work spip , plugin called tagsphere works fine tags in spip. have tag groupe put 1 article tag. when click on tag in tagsphere send me before menu can see articles linked tag. want send me directly article without see tag menu before. here code model of thagsphere: <div id="tagsphere-#env{id_article}"> <ul> <boucle_mot(mots){id_groupe ?}> <li>[<a href="#url_mot">(#titre)</a>]</li> </boucle_mot> </ul> </div> anybody idea? if want skip tag page, have link directly article. <b_article> block prevents display tag if no article linked. <div id="tagsphere-#env{id_article}"> <ul> <boucle_mot(mots){id_groupe ?}> <b_article> <li> <a<boucle_article(articles){...
Read more

jquery - isAjaxRequest always return false -

i got error message 404,'model has not been saved' following code my action controller public function actionextend($id) { $model=$this->loadmodel($id); if(yii::app()->request->isajaxrequest) { $model->todate = date('y-m-d h:i:s a',(strtotime('next month',strtotime(date('y-01-d'))))); if($model->save()) { yii::app()->end(); } else { throw new chttpexception(404,'model has not been saved'); } } } the jquery call $("#buttonextend<?php echo $this->post_row;?>").click(function(e){ $.ajax({ type: "post", url: "<?php echo yii::app()->createurl('post/extend', array('id' => $data['id'])); ?>", }); }); why not ajax call ? thank help i found response, missed } , function ...
Read more

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -

i know integration tests preferred need ran in controller test, i'm testing gem injecting html code in view, xhr can't run in feature spec (if can, please explain me how :) ) so rspec controller tests can assert selector present (with capybara) : response.body.should have_selector('#foobar') has_selector? call all method capybara find selector. what want last child of body , assert id in particular. afaik it's not possible have_selector. what : all('body:first-child').first.id.should == '#foobar' however, capybara dsl, defined (more or less): def all(*args) page.all(*args) end and page empty unless use visit it's integrations specs. how can use capybara all method inside rspec controller test ? i can't test right after googling seems trick def page capybara::node::simple.new(response.body) end source
Read more