angular-ui-bootstrap

Angular-ui-bootstrap — unable to disable tabs inside ng-repeat

由 浪子不回头ぞ 提交于 2020-01-06 19:52:13
问题 all. I am using angular and ui-bootstrap to create a menu of tabs on which (hopefully) a user can enable/disable tabs that they do not need. I have tried to adhere pretty closely to the template code, as well as implementing my own functions to disable the tabs on click, but I haven't been able to get my tabs to respond the same way that they do in the example. I have been reading around and would guess that it has something to do with the ng-repeat creating its own scope, but I haven't

How can I open one accordion-group when I click to close another accordion-group?

由 我怕爱的太早我们不能终老 提交于 2020-01-06 19:07:07
问题 Here is my accordion: <accordion class="m3Details"> <accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled"> <accordion-heading><span class="noQuery">Building<span class="caret"></span></span></accordion-heading> <li ng-repeat="y in m3Info" class="{{y.linkclass}}" ng-if="!y.offsite" ><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li> </accordion-group>

confused by adaptation of AngularJs component-based modal to TypeScript [duplicate]

由 亡梦爱人 提交于 2020-01-06 04:59:06
问题 This question already has answers here : TypeScript AngularJS component modal - this.$modalInstance.dismiss is not a function? (1 answer) When to use the AngularJS `$onInit` Life-Cycle Hook (1 answer) Closed 6 days ago . When you create a AngularJS component in Javascript, and display as a modal using ui-bootstrap, you pass a binding that the modal instance can use to dismiss or close itself, like this: app.component("fringeEdit", { controller: "FringeEditController", templateUrl: "/template

Angular UI Bootstrap modal inside ngRepeat

由 我只是一个虾纸丫 提交于 2020-01-05 13:18:06
问题 I am making an app, where I have a lot of input fields. Those input fields are generated from JSON object array field with AngularJS ngRepeat directive and have a button next to them which open an Angular UI Bootstrap modal to edit this value in a bigger textarea. I cannot figure out how to reference this model property to Angular UI Bootstrap so that I can save the changes made in modal. Since this functionality is needed in multiple views, I turned it into a service. I have made a plunker

Set property Id to a uibModal

由 前提是你 提交于 2020-01-05 06:52:50
问题 I would like to know if it is possible to set an Id property to a modal generated through $uibModal so later I can capture the correspondent element by its Id. I successfully managed to generate as many modals as I need although they are not uniquely identified with the following code: var modalInstance = $uibModal.open({ templateUrl: 'openChat.html', scope: $scope, backdrop: 'static', keyboard: false, controller: 'openChatModalCtrl', windowClass: 'chat-modal', size: 'sm' }).rendered.then

Date not showing up in angular-bootstrap datepicker

由 北战南征 提交于 2020-01-05 05:58:47
问题 I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them. While the datepicker pops up fine and allows me to select a date with no issue, the date itself does not appear in the input until after I have selected a new one from the popup. Can be recreated with this code: <!doctype html> <html ng-app="ui.bootstrap.demo"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//angular-ui

Date not showing up in angular-bootstrap datepicker

由 余生颓废 提交于 2020-01-05 05:58:25
问题 I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them. While the datepicker pops up fine and allows me to select a date with no issue, the date itself does not appear in the input until after I have selected a new one from the popup. Can be recreated with this code: <!doctype html> <html ng-app="ui.bootstrap.demo"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//angular-ui

Call Controller function from the directive in angular JS

由 ε祈祈猫儿з 提交于 2020-01-04 03:52:28
问题 I am using angular JS right now, in the i am using ui-bootstrap typeahead I am trying scroll on demand logic in typeahead i have tried this: HTML: <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" maxlength="5" typeahead="country.name for country in countries | filter:$viewValue | limitTo:8"> </div> JS: angular.module('plunker', ['ui.bootstrap']) .controller('TypeaheadCtrl', function ($scope) { $scope

Angular Bootstrap Datepicker change month event

由 主宰稳场 提交于 2020-01-03 18:45:54
问题 I need to make a call to my backend, when user change month on datepicker calendar is that possible with UI Bootstrap 1.3 ? 回答1: You can extend the datepicker directive using a decorator, and in the decorator overwrite the compile function to add a $watch on activeDate . You can check if the month or year of the date has changed, and if so call a function on a service that you inject into the decorator. Pass in the date if necessary and in the service perform your call to the backend. Example

How to add animation to angularjs uib-alert directive

由 橙三吉。 提交于 2020-01-03 17:06:27
问题 I want to add fade-in animation for new alerts pushed into array and fade-out for dismissed alerts. Alerts are dismissed automatically after 5 seconds. I've already included angular-animate ui-bootstrap and ui-bootstrap-tpls libraries. How can i get these animations working? See Demo: http://plnkr.co/edit/ecbCA7h2zVA4XnvUHfFX?p=preview HTML <html ng-app="myApp"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" /> <script src="https://ajax
订阅 angular-ui-bootstrap