Angular module with Bootstrap components written in pure AngularJS by the AngularUI Team
Questions tagged [ui.bootstrap]
85 questions
0
votes
1 answer
Not able to open modal box selecting value from the dropdown using ui-bootstrap-tpls.min.js and angular.min.js
Changing the value from the dropdown trying to open the modal and supposed to perform http request and body of will be filled with the response. But unable to open the modal. Any help will be really appreciated.
Hello…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/modal-dialog" class="post-tag grid--cell" title="show questions tagged 'modal-dialog'" rel="tag">modal-dialog</a>
<a href="../../questions/tagged/angular-ui-bootstrap" class="post-tag grid--cell" title="show questions tagged 'angular-ui-bootstrap'" rel="tag">angular-ui-bootstrap</a>
<a href="../../questions/tagged/bootstrap-modal" class="post-tag grid--cell" title="show questions tagged 'bootstrap-modal'" rel="tag">bootstrap-modal</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jun 04 '15 at 10:52">asked Jun 04 '15 at 10:52</time>
<a href="../../users/4973316/gourab-das" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4973316.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="gourab das" />
</a>
<div class="s-user-card--info">
<a href="../../users/4973316/gourab-das" class="s-user-card--link">gourab das</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">17</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-30269702">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/30269702/how-to-call-an-api-to-show-the-response-inside-an-angular-modal" class="question-hyperlink">How to call an api to show the response inside an angular modal</a></h3>
<div class="excerpt">I have a list of nodes showing on my home and when you click on the title of one node, a modal should be opened to display that node's detail, I'm working this way:
var eventsApp = angular.module('EventsApp.controllers',…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/modal-dialog" class="post-tag grid--cell" title="show questions tagged 'modal-dialog'" rel="tag">modal-dialog</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 15 '15 at 22:31">asked May 15 '15 at 22:31</time>
<a href="../../users/4275201/pollex" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4275201.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="PolleX" />
</a>
<div class="s-user-card--info">
<a href="../../users/4275201/pollex" class="s-user-card--link">PolleX</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">53</li>
<li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
<li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29931679">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29931679/angularjs-resolve-in-controller-cannot-read-property-goals-of-undefined" class="question-hyperlink">angularJS resolve: in controller "Cannot read property 'goals' of undefined</a></h3>
<div class="excerpt">This is my first question on stackoverflow. ( I know I struggled a lot with the quotes..) I am stuck with this problem where a snippet of the following code leaves me with the following error:
TypeError: Cannot read property 'goals' of undefined
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a>
<a href="../../questions/tagged/bootstrap-modal" class="post-tag grid--cell" title="show questions tagged 'bootstrap-modal'" rel="tag">bootstrap-modal</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 28 '15 at 23:26">asked Apr 28 '15 at 23:26</time>
<a href="../../users/4838840/eric" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4838840.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Eric" />
</a>
<div class="s-user-card--info">
<a href="../../users/4838840/eric" class="s-user-card--link">Eric</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3</li>
<li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29785665">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29785665/angularui-tooltips-use-function-to-return-tooltip-value" class="question-hyperlink">AngularUI Tooltips - use function to return tooltip value</a></h3>
<div class="excerpt">I am trying to use a function to return the value to render as a tooltip for Angular JS ui.bootstrap. I need to do this so I can get the correct tooltip in an ng-repeat loop. The tooltips work fine if I directly access the value in the html tooltip,…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/tooltip" class="post-tag grid--cell" title="show questions tagged 'tooltip'" rel="tag">tooltip</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 22 '15 at 00:37">asked Apr 22 '15 at 00:37</time>
<a href="../../users/1291935/drcord" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/1291935.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="DrCord" />
</a>
<div class="s-user-card--info">
<a href="../../users/1291935/drcord" class="s-user-card--link">DrCord</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3,917</li>
<li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
<li class="s-award-bling s-award-bling__silver" title="34 silver badges">34</li>
<li class="s-award-bling s-award-bling__bronze" title="47 bronze badges">47</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29774583">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29774583/passing-a-row-of-data-from-a-table-to-a-modal-with-angular" class="question-hyperlink">Passing a row of data from a table to a modal with Angular</a></h3>
<div class="excerpt">I have a table that displays entries for a contest (pulled from a DB with PHP and converted to a .json object to be used with AngularJS and JavaScript). I also would like to implement a modal on it, so when the "judge" clicks on each entry, they can…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 21 '15 at 14:06">asked Apr 21 '15 at 14:06</time>
<a href="../../users/2134401/varvara-jones" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/2134401.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Varvara Jones" />
</a>
<div class="s-user-card--info">
<a href="../../users/2134401/varvara-jones" class="s-user-card--link">Varvara Jones</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">761</li>
<li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li>
<li class="s-award-bling s-award-bling__silver" title="8 silver badges">8</li>
<li class="s-award-bling s-award-bling__bronze" title="25 bronze badges">25</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29685485">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29685485/angular-modalservice-does-not-respond-to-enter-key" class="question-hyperlink">angular modalservice does not respond to enter Key</a></h3>
<div class="excerpt">I have the following Modal dialog using ui.boostratp & anuglar modal service
<div id="modalDialog" class="modal-dialog">
<div class="modal-header">
<h2 style="text-align: center">{{modalOptions.headerText}}</h2>
</div>
<div…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 16 '15 at 20:37">asked Apr 16 '15 at 20:37</time>
<a href="../../users/3799325/user3799325" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3799325.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user3799325" />
</a>
<div class="s-user-card--info">
<a href="../../users/3799325/user3799325" class="s-user-card--link">user3799325</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">590</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="8 silver badge">8</li>
<li class="s-award-bling s-award-bling__bronze" title="20 bronze badge">20</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29051504">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29051504/cannot-get-an-angularjs-popover-to-work-inside-a-directive-s-template" class="question-hyperlink">Cannot get an AngularJS popover to work inside a directive's template</a></h3>
<div class="excerpt">I'm in AngularJS (1.2.10) and I have a form that is an HTML template that is exposed through a directive that uses bootstrapvalidator to validate some of the form fields. The form fields have special information buttons attached that use a popover…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/angularjs-directive" class="post-tag grid--cell" title="show questions tagged 'angularjs-directive'" rel="tag">angularjs-directive</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Mar 14 '15 at 16:46">asked Mar 14 '15 at 16:46</time>
<a href="../../users/3329789/chuck-b" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3329789.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Chuck B" />
</a>
<div class="s-user-card--info">
<a href="../../users/3329789/chuck-b" class="s-user-card--link">Chuck B</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">51</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-28991167">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/28991167/ui-bootstrap-wrong-text-formatting" class="question-hyperlink">UI.Bootstrap - wrong text formatting</a></h3>
<div class="excerpt">I don't know why on my example when I introduce some a string with html code. it doesn't appear on HTML format.
An example of my job is here:
vm_main.test = "Documents" +
"internet site <b><a…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/bootstrap-modal" class="post-tag grid--cell" title="show questions tagged 'bootstrap-modal'" rel="tag">bootstrap-modal</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Mar 11 '15 at 15:45">asked Mar 11 '15 at 15:45</time>
<a href="../../users/4071209/juliovg" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4071209.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="julioVG" />
</a>
<div class="s-user-card--info">
<a href="../../users/4071209/juliovg" class="s-user-card--link">julioVG</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">81</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-52007477">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>-1</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/52007477/how-to-open-angular-modal-window-with-selected-data-from-table" class="question-hyperlink">How to open Angular modal window with selected data from table</a></h3>
<div class="excerpt">I need to open modal window with selected data from cell of table. Now the modal is opened with data but data in modal belong to all row. I need to chose data from item selected cell. I have a two arrays. One in other. I can selected item from first…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 24 '18 at 15:22">asked Aug 24 '18 at 15:22</time>
<a href="../../users/9138268/alexeyll" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/9138268.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="alexeyll" />
</a>
<div class="s-user-card--info">
<a href="../../users/9138268/alexeyll" class="s-user-card--link">alexeyll</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">25</li>
<li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-31019393">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>-1</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/31019393/status-open-not-returning-any-value-in-angular-ui-bootstrap-accordion" class="question-hyperlink">Status.Open not returning any value in Angular UI bootstrap Accordion</a></h3>
<div class="excerpt">I am facing an issue with accordion of angular ui bootstrap. I am using accordion to show FAQs in my application.Now issue is "status.open" is not returning any value due to which 'chevron icon' class is not toggling.
Please see below code:
<div>
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a>
<a href="../../questions/tagged/ui.bootstrap" class="post-tag grid--cell" title="show questions tagged 'ui.bootstrap'" rel="tag">ui.bootstrap</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jun 24 '15 at 06:41">asked Jun 24 '15 at 06:41</time>
<a href="../../users/4948688/ritesh-kashyap" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4948688.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ritesh Kashyap" />
</a>
<div class="s-user-card--info">
<a href="../../users/4948688/ritesh-kashyap" class="s-user-card--link">Ritesh Kashyap</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">364</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="16 bronze badges">16</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=5" rel="prev" title="Go to page 5">Prev </a>
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=1" rel="" title="Go to page 1">1</a>
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=2" rel="" title="Go to page 2">2</a>
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=3" rel="" title="Go to page 3">3</a>
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=4" rel="" title="Go to page 4">4</a>
<a class="s-pagination--item" href="../../questions/tagged/ui.bootstrap_page=5" rel="" title="Go to page 5">5</a>
<div class="s-pagination--item is-selected">6</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>