angular-ui

问题 I am trying to change icon for every markers on a map using ui-google-maps library for angular. $scope.map.options.icon working but initialize icon for all markers. For the API I have icon tags but not working or somewhere I miss something. <ui-gmap-markers idKey="map.dynamicMarkers.id" models="map.dynamicMarkers" coords="'self'" onMarkerClicked="'onMarkerClicked'" fit="'true'" doCluster="'true'" clusterEvents="clusterEvents" options="map.options" icon="'icon'"> </ui-gmap-markers> and after

问题 I wan't to use flexbox layout with angular ui tabs (ui.bootstrap.tabs). I have this plunker: http://plnkr.co/edit/9ToL1WLwgDVT0DldMnaa I changed the ui-template thus all div's get the flexbox classes. Still the tab content div is not filling up the fully available space. Any idea? 回答1: I have found a solution. Here is an updated plunker: http://plnkr.co/edit/oswSGYApFj9sSohms0FS?p=preview The key is to override the display property of the '.tab-content>.active' class. By default it is set to

问题 I am stuck in a doubt I have html : <div ng-repeat="mydata in data" class="ng-scope ng-binding"> <p class="ng-binding">{{mydata.postdata}}</p> <div my-rating rating-value="rating" data-cat="post" data-id="mydata.id" ></div> <div ng-repeat="childData in mydata.personRelatedData"> {{childData.personName}} <div my-rating rating-value="rating" data-cat="person" data-id="childData .id" > </div> </div> I have a Directive : myDirectives.directive('myRating', function () { return { restrict: 'A',

问题 I have an html page father with: <div id="..." class="container"> <pp-nav></pp-nav> <div ui-view></div> </div> This is my controller with a father and two child: export function routerConfig($stateProvider: angular.ui.IStateProvider, $urlRouterProvider: angular.ui.IUrlRouterProvider) { $stateProvider .state('gestionePeP', { url: '/gestionePeP', templateUrl: '.../gestionePeP/gestionePeP.html' }) .state('gestionePeP.puntiAttivazione', { url: '/puntiAttivazione', templateUrl: '.../gestionePeP

问题 does anyone know how to get my code working. I'm trying to make a user creation dialog and want to send post data using ngResource, I've already configured my PHP backend and its working as expected. Now, my problem is appending errors on the dialog, I've tried adding dummy data but ngRepeat does not work for me. I've also tried different steps debugging the problem but nothing works for me. I've also researching about the issue but no luck. here is my code: <div name="errors" id="errors"

问题 Here is my current code: Parent Controller vm.animationsEnabled = true; vm.open = function (size) { var modalInstance = $uibModal.open({ animation: vm.animationsEnabled, templateUrl: 'app/entities/interview-stage/interview-stage-list-add-dialog.html', controller: 'InterviewStageListAddDialogController', controllerAs: 'vm', size: 'cs', }); modalInstance.result.then(function (selectedItem) { vm.interviewPlanSetUp.push(selectedItem); }, function () { //$log.info('Modal dismissed at: ' + new Date

问题 Playing around with angular-ui and specifically using the ui-router module to do some nested views. I'm having trouble getting a partial to render within a partial: The nesting is as follows: index.html -main.form.html -main.sidebar.html -sidebar.slider.html My current app.js setup is: $stateProvider .state('main', { url: '/', views: { 'sidebar': { templateUrl: 'views/partials/main.sidebar.html', views: { 'slider': { templateUrl: 'views/partials/sidebar.slider.html' } } }, 'form': {

问题 Using angular-ui with angular. Markup includes an ng-scroll element, which I have working with retrieved data from a service. I'd like to create rows of items so an ng-repeat inside an ng-scroll . This works in principle (plunker) but AngularJS says I have something wrong in the JSON encoding and need help to figure out what I'm doing wrong. So to be clear, the markup and JSON below work in plunker but not in the app. The JSON in the plunker and below is taken from the debugger response body.

问题 I have a really strange problem when using UI Bootstrap. Even the simplest example does not work. So this is my case: I have a Play Framework application using the yeoman plugin: https://github.com/tuplejump/play-yeoman. It is using AngularJS and Bootstrap. So far everything worked fine, but these weird errors came up when I tried to open my first modal using the UI Bootstrap library from http://angular-ui.github.io/. I used the exact code from http://angular-ui.github.io/bootstrap/#/modal

问题 Is there a way to prevent the an AngularJS modal from closing/dismissing in the controller logic of the modal? What I want is to show a warning when the users closes the modal and the form inside the modal contains unsaved data. I've tried searching for a before close event or something else I could use in the official documentation, but no luck so far. 回答1: You can watch the 'modal.closing' event, broadcasted to the modal's scope, like this: .controller('modalCtrl', function($scope,