angular-strap

AngularStrap tooltip disables my custom directive

最后都变了- 提交于 2020-01-13 18:29:10
问题 I am trying to get the bs-tooltip AngularStrap directive to work with my own custom directive called "checkStrength" which checks the strength of a password. When using either of these directives alone, they work fine, but they won't work together. This is a plunker with the bs-tooltip. The tooltip works fine but my custom "checkStrength" directive does not work. This is a plunker without the bs-tooltip. In this case the "checkStrength" directive works fine. What am I doing wrong? 回答1: On

Modal not showing correctly when i put it into a Directive

允我心安 提交于 2020-01-05 04:44:23
问题 I can't reproduce the AngularStrap's example, here a working plunk What I get when I integrate this example in my code: (As you can see it's a bit darker, i don't know why...) What I'm expecting: Actually I spent a whole day looking for solution for this but no luck. guest.html <body ng-app="module.app"> <div class="container-fluid"> <nav class="navbar navbar-inverse navbar-static-top"> <div topbar></div> </nav> <div class="row"> <div ui-view></div> </div> </div> </body> topBar directive.js :

how to show static data on jstree using angular-jstree.js plugin

你说的曾经没有我的故事 提交于 2019-12-25 07:13:28
问题 I am trying to use jstree(http://www.jstree.com/) in angular .So I find there is a way to use jstree with angular. https://github.com/akhikhl/angularjs-jstree But in that there is no documentation to show data.I follow all steps given in documentation .But I know it didn't display tree view because I didn't take data .can you please tell how I will show static data so that it display tree view. Here is my plunker. http://plnkr.co/edit/L6n71QsGRAoYqyZuftQM?p=catalogue <!DOCTYPE html> <html>

AngularJS: Alerts not showing up

╄→гoц情女王★ 提交于 2019-12-24 00:52:37
问题 I am using Angular Strap for Bootstrap components and trying to show up the alerts Here is the plunker - http://plunker.co/edit/DFBs3hTobHDs36QdqPte?p=preview It does not shows up the alerts, what is that I am missing? 回答1: I have got the plunker working http://plunker.co/edit/DFBs3hTobHDs36QdqPte?p=preview The codebase says it can accept timeout parameter, but I do not know yet how to use it https://github.com/mgcrea/angular-strap/blob/master/src/directives/alert.js#L5 回答2: A better way I

How to pass data to angular-strap popover

穿精又带淫゛_ 提交于 2019-12-23 07:48:21
问题 I'm trying to show angular-strap popover when hovering on fullcalendar items. I am using eventMouseover/eventMouseout callbacks to show/hide the popover: $scope.calendarConfig = { defaultView: 'basicWeek', eventMouseover: function(event, jsEvent, view) { element = $(jsEvent.target).closest('.fc-event'); popover = $popover(element, {placement: 'bottom', contentTemplate: 'calendar-item-popover.html'}); popover.$promise.then(popover.show); }, eventMouseout: function() { popover.hide(); popover =

AngularJS - Add computation value from a function to the scope

孤街醉人 提交于 2019-12-22 17:47:32
问题 I have two datepicker fields which is implemented using AngularStrap datepicker directives: http://mgcrea.github.io/angular-strap/. <input type="text" name="startDate" ng-model="startDate" data-date-format="dd/mm/yyyy" placeholder="DD/MM/YYYY" bs-datepicker /> <button type="button" class="btn" data-toggle="datepicker"> <i class="icon-calendar"></i> </button> <input type="text" name="endDate" ng-model="endDate" data-date-format="dd/mm/yyyy" placeholder="DD/MM/YYYY" bs-datepicker /> <button

How to hide/show same modal instance with AngularJS?

大兔子大兔子 提交于 2019-12-21 07:29:52
问题 I'm currently using angular-ui-bootstrap $modal to display a dialog which lets the user search for and pick a file. The list of files comes from box.com, so I use the box API to search for files and generate a thumbnail to display beside each file in the search result. Thumbnail generation is quite slow and the user needs to call this search dialog multiple times in the same page. So it would be helpful for the user if the search dialog would contain the previous search results when re-opened

$injector:modulerr when i use angular-strap?

笑着哭i 提交于 2019-12-20 07:27:05
问题 i'll show all my code: <!doctype html> <html lang="en" ng-app='myapp'> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css"> </head> <body ng-controller="myCtrl"> <input type="text" ng-model="testforie"> <h1>{{testforie}}</h1> <button type="button" class="btn btn-lg btn-primary" data-placement="top-right" data-container="body" data-duration="3" bs-alert="alert"

How to hide angular-strap $alert

你说的曾经没有我的故事 提交于 2019-12-16 18:02:26
问题 I have this code and on socket.connect I want to be able to hide the alert that was shown in socket.disconnect . I see there is a reference in the docs to $scope methods hide , show , and toggle but how can I use them in this example? socket.on('disconnect', function () { // Show login error message $alert({ title: 'Connection lost.', content: 'Please reload the page.', placement: 'top-right', type: 'danger', show: true }); }); socket.on('connect', function () { // TODO: Check if connection

angular-chart zero dimensions inside angular-strap panel

天涯浪子 提交于 2019-12-13 06:39:45
问题 I'm trying to render an angular-chart (based on chart.js) chart inside a bootstrap panel. Currently the chart does not swho at all when inside the panel but does show when placed outside the panel. When I view the source in the browser I see the height and width are set to zero. chart does not display <div class="panel-group" ng-model="experiments.active" role="tablist" aria-multiselectable="true" bs-collapse> <div class="panel panel-default" ng-repeat="experiment in experiments"> <div class=