angularjs - Angular bootstrap tabs- refreshing a tab with a new html -



angularjs - Angular bootstrap tabs- refreshing a tab with a new html -

i using tabs of angular bootstrap ui. have overriden tabs directive perform lazy loading of info plunkr link same : http://plnkr.co/edit/vabthzuwp50qps16gwuy?p=preview

the lazy loading works fine.i have requirement in tab should reloaded different html on clicking of button.

for ex, have tab renders tab1.htm. tab1.htm has button on click of button want render different html in same tab.

i tried changing template-url of div tab1,however not able reload current tab new url

your plunkr utilize outdated version of angular, doesn't back upwards new $sce service used ng-bind-html

also, ha serious issues css i'm not gonna fix, point in right direction instead.

in reply (how can create html model info display in <textarea> in browser?) can find how "inject" html page using modern angularjs version (1.2.0 or higher).

working plunker: http://plnkr.co/edit/ld4nte2kkibgmkiwnrcp

if want stick 1.0.8, have utilize ng-bind-html-unsafe pretty straight-forward:

<div ng-bind-html-unsafe="{{html_code}}"></div>

and in controller:

$scope.html_code = "<h1>some fancy html code</h1>"

angularjs angular-ui-bootstrap

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -