javascript - AngularJS - add HTML element to dom in directive -


i have angularjs directive in add <div class="perc"></div>

from happens?

link: function (scope, elem, attrs) {             console.log('scope', scope, elem, attrs);                 var t = elem[0];                 var dataperc = attrs.perc,                     barperc = math.round(dataperc * 5.56),                     bar = elem.children()[0],                     label = elem.children()[2];                 bar.animate({width: barperc}, dataperc * 25);                 label.append('<div class="perc"></div>');                 $compile(elem)(scope);                  function perc() {                     var length = bar.css('width'),                         perc = math.round(parseint(length) / 5.56),                         labelpos = (parseint(length) - 2);                     label.css('left', labelpos);                     t.find('.perc').text(perc + '%');                     console.log('perc',t, barperc, dataperc, length, perc, labelpos);                  }             console.log(t, label, barperc, dataperc);              perc();             setinterval(perc, 0);          }

but angular add 

<div class="label">     <span></span>     <div class="perc"></div>

but need add span

given span inside label, select span , append code span.

refer code:

link: function (scope, elem, attrs) {             console.log('scope', scope, elem, attrs);                 var t = elem[0];                 var dataperc = attrs.perc,                     barperc = math.round(dataperc * 5.56),                     bar = elem.children()[0],                     label = elem.children()[2];                 bar.animate({width: barperc}, dataperc * 25);                 // change line of code.                 label.find("span").append('<div class="perc"></div>');                 $compile(elem)(scope);                  function perc() {                     var length = bar.css('width'),                         perc = math.round(parseint(length) / 5.56),                         labelpos = (parseint(length) - 2);                     label.css('left', labelpos);                     t.find('.perc').text(perc + '%');                     console.log('perc',t, barperc, dataperc, length, perc, labelpos);                  }             console.log(t, label, barperc, dataperc);              perc();             setinterval(perc, 0);          }

since, span first level children of label, can use:

label.children("span").append('<div class="perc"></div>');

also, try following:

label.firstelementchild.append('<div class="perc"></div>');

Comments

Post a Comment

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

this addentry blog page have made scratch , there underlying problems code particularly clear button supposed clear text entered when button clicked on doesn't work have saved html file problem. also 1 other problem submit button works doesn't pass of text index file have written php , reason whenever click on submit button redirects me index page without posting entry have made. <!doctype html> <html> <head> <script> function message() { alert("clear form?"); } </script> <style> body {background-color: beige;} h1 {color: black;} p {color: black;} textarea { width: 50%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: white; font-size: 16px; resize: none; } div { padding-left: 20px; } </style> </head> <meta charset="utf-8"> <link rel="stylesheet" href="....
Read more

python - Error: Unresolved reference 'selenium' What is the reason? -

# -*- coding: utf-8 -*- selenium import selenium import unittest, time, re class rc(unittest.testcase): def setup(self): self.verificationerrors = [] self.selenium = selenium("localhost", 4444, "*chrome", "http://stackoverflow.com/") self.selenium.start() def test_rc(self): sel = self.selenium sel.open("/") sel.type("id=kw", "selenium") sel.click("id=container") sel.click("id=su") def teardown(self): self.selenium.stop() self.assertequal([], self.verificationerrors) if __name__ == "__main__": unittest.main() this recorded selenium ide, selenium remote control code. in ide test passed.   in pycharm open, first line ( from selenium import selenium ) there error: unresolved reference 'selenium' what reason? my environment is python3.5 selenium3.3.1 selenium-server-standalone-...
Read more

php - Need to store a large amount of data in session with CI 3 but on storing large data in session it is itself destorying automatically -

i working on large web application need database retrieved session instead of database. first time retrieving db , saving session onward calls of data going session. it handling data @ stage when got more data stored in session session got destroyed automatically... "this problem seems similar question says title session destroyed after redirect other pages of site." i got answer questions point here how handle thing when know in future have more data stored inside session, i wanted know little bit more involved answer right in development stage on production when have user 100000 or more how session behave, application behave in same manner did before. kindly discuss me, researching, need corporation more technical in php discussion may solution many of people facing same kind of issues.. you need use native php session because php session stores id in cookie. codeigniter stores data in cookie , problem stuck. so either need use native php sessions...
Read more