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
Post a Comment