angular-ui-bootstrap

问题 i'm trying to use angularjs ui bootstrap datepicker on my project but same code i grabbed from example doesn't seems to be working properly when i dig in to code i have realized the problem is with is-open attribute.sample code i tried to run on my project was. <section class="panel panel-default"> <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> Datepicker</strong></div> <div class="panel-body" data-ng-controller="DatepickerDemoCtrl"> <div class="row"> <div

问题 Trying to load a simple google map within an angular-ui modal. However no luck. The data get's passed in fine, but nothing works in terms of the map... Please help. $modalInstance.opened.then(function() { var mapOptions = { center: new google.maps.LatLng(34.834442, -82.3686479), zoom: 8 }; new google.maps.Map(document.getElementById("eventMap"), mapOptions); }); Inside the modal html: <div class="row clearfix"> <div class="col-md-5" id="eventMap" style="display: block; height: 150px;"></div>

问题 I have a table of customer records created with angularjs bootstrap-ui and uses ng-repeat. At the end of each line in the table is a button to get more information about the customer. When the button is clicked a modal form pops with the information. my problem is whichever button I press I get the same customer number The problem is I need to get the value of $index to the following bit of code: $scope.selected = { customer: $scope.customers[0] }; The value of $index needs to replace the 0

问题 When I choose a tab, I want the url to change. should I create a state for each tab ? This is my code which works fine without changing the state . My app.js var myApp=angular.module('app', ['ui.router','ngAnimate', 'ui.bootstrap']); myApp.config([ '$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { $stateProvider.state('/', { url: "", views: { "ratios": { templateUrl: "views/requetes.html" }, "reqBase": {templateUrl: "views/common.html" }, "SQLconsole":

问题 Quite new with AngularJS (and AngularJS UI) and I am unable to close a modal window. The HTML code as follows: <div> <div data-ng-show="agencies || agencies.length > 0"> <div> <h3> Agencies </h3> </div> <div> <a href="" data-ng-click="showModalAddAgency()"><span class="glyphicon glyphicon-cloud-upload"></span> Add</a> </div> </div> </div> Controller: 'use strict'; app.controller('agencyController', function ($scope, $modal, agenciesDataService) { $scope.agencies = []; $scope.agency = null;

问题 I would like use isOpen attributes in angualr ui bootstrap accordion directive so it would open the first element of the first ng-repeat in the accordion. I have tried few things with no luck. can anyone advise on this? //html <div ng-show="accordionCtrl.isNotString(value);" class="accordionContainer" ng-repeat="(key, value) in accordionCtrl.lessons"> <div class="accordionStepBox"> <h4 class="accordionStepTitle">Step {{$index+1}}: {{value.title}}</h4> <span>Summary: {{value.summary}}</span> <

问题 Using typeahead, I am trying to set a couple of options, which are available as standard Bootstrap typeahead options Using the following code, I'm able to set the "minLength" property by putting it in-line as "typeahead-min-length", but doing the same with "items" as "typeahead-items" does not. Is there a different/better/standard way to do this? Is there a way to attach an array of options to $scope? <div class='container-fluid' ng-controller="TestController"> <input type="text" ng-model=

问题 I'm working with AngularJS and UI-Bootstrap on a project with ui-tabs. The rough layout is this: <uib-tabset> <uib-tab ng-repeat="tab in tabs" heading="{{tab.TAB_NAME}} : {{tab.Questions|sumByKey:'count'}} of {{tab.Questions.length}}" active="tab.active" disable="tab.disabled"> <!-- Repeated Content --> </uib-tab> </uib-tabset> sumByKey:'count' is a filter that calculates the sum of the 'count' field in the repeated tab object. This tracks questions that have been answered, and tab.Questions

问题 I have a modal (nbr 1) that I open from another modal (nbr 2). The modal nbr 1 works fine and is showing the things it should. But I tried to put an input to filter items in the modal, but the input is not working. I can't write anything in it, it's just not accepting my input. I think this has something to do with the fact that it's is my second modal, since when I'm opening it from the "root" (not opening it from another modal), the text inputs works fine. Here's my html: <div class="modal

问题 I take everything from the example page. basically there is nothing different, controller and html body is pure copy paste from accordion example from https://angular-ui.github.io/bootstrap/ I tried everything.... <!doctype html> <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> <title>Test</title> <!-- CSS files --> <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css