angular-ui

问题 I've just installed Angular UI and I'm having trouble to make it work. Here are the stepts I followed: index.html (Angular v1.0.1, AngularUI v0.2.1) <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/jquery-1.7.2.js"></script> <script src="scripts/vendor/jquery-ui-1.8.18.js"></script> <script src="scripts/vendor/bootstrap.js"></script> <script src="scripts/vendor/angular-ui.js"></script> app.js var publicApp = angular.module('publicApp', ['ngResource', 'ui']) my

问题 I've just installed Angular UI and I'm having trouble to make it work. Here are the stepts I followed: index.html (Angular v1.0.1, AngularUI v0.2.1) <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/jquery-1.7.2.js"></script> <script src="scripts/vendor/jquery-ui-1.8.18.js"></script> <script src="scripts/vendor/bootstrap.js"></script> <script src="scripts/vendor/angular-ui.js"></script> app.js var publicApp = angular.module('publicApp', ['ngResource', 'ui']) my

问题 I want to use Bootstrap Multiselect Dropdown http://davidstutz.github.io/bootstrap-multiselect/ in AngularJS. I hear that it's necessary to move it to Directive. But I think it's quite complicated & don't know what I have to do. If you have experienced, please guide me! Tks. 回答1: If you don't need to create code that's very re-usable, it's actually not that complicated. The first step is to create a basic directive and to get the DOM element: angular.module('yourapp', []) .directive(

问题 I need to create popovers that gets its content from the server. So I created the following directive: .directive('myPopover', [myService, function ($myService) { return { restrict: 'E', transclude: true, template: '<a href="" ng-click="wordClicked()" class="highlight" popover-trigger="manual" popover="Adequately good for the circumstances" popover-title="good enough " popover-placement="bottom" ng-transclude></a>', link: function (scope, element, attrs) { scope.wordClicked = function () { if

问题 Is there a way to validate a field in angular without using a directive ? For example: I want to make following validation on an input field. If field is empty we should show "Field must contain a value" message. if field contains alpha Numeric characters we should show "Field can contain only digits". An EVEN number - message to the user "Value must be an even number". I want to make following validation in a call to JavaScript function. I googled around and saw that there is a way to use ng

问题 I have the following states in my ui-router state provider: $urlRouterProvider.when('/parent', '/parent/child'); $stateProvider.state('parent', { url: "/parent", abstract: true }); $stateProvider.state('parent.child', { url: "/child" }); Which follows the best practice for having a default child state as explained here in the ui-router docs. However, when I now include a link in my document somewhere referencing parent with ui-sref such as <a ui-sref="parent">Link</a> I always get an error

问题 I want to display a form with data corresponding to the edited item. I use ui-router for routing. I defined a state: myapp.config(function($stateProvider) { $stateProvider. .state('layout.propertyedit', { url: "/properties/:propertyId", views : { "contentView@": { templateUrl : 'partials/content2.html', controller: 'PropertyController' } } }); In PropertyController , I want to set $scope.property with data coming from the following call (Google Cloud Endpoints): gapi.client.realestate.get

问题 The multiple nested views functionality of the ui-router is very nice - you can easily jump from one state of your app to another. Sometimes you might want to change the URL, but sometimes not. I feel like the concept of state should be separate/optional from routing . Here's a plunker that shows what I mean. This is a fork of one of the plunkers in the ui-router documentation, with 2 minor changes noted below: .state('route1', { url: "/route", // <---- URL IS SHARED WITH ROUTE2 views: {

问题 How can I change the route.state using ng-click instead of a link applying ui-sref. I've tried this: <button ng-click="selectDir(file.fullPath)">set</button> with $scope.selectDir = function(location) { options.storageLocation = location; $route.current = 'recorder.options'; } But it doesn't work. Any ideas? 回答1: Check out the ui-router documentation wiki. The best solution is to use $state.go() . e.g., $state.go('recorder.options') Here's the link to the specific function in the

问题 I'm using angular ui datepicker in my project(asp.net web api + angularjs). All works fine but when I'm trying to save date to Db it doesn't convert it to UTC format correctly and substructs 1 day(actually a few hours but it affects for a day too). For example when I choose 01/11/2014 in the datepicker: Angularjs object: Sat Nov 01 2014 00:00:00 GMT+0200 (FLE Standard Time) In request: 2014-10-31T22:00:00.000Z In asp.net api controller: {31-Oct-14 10:00:00 PM} Datepicker controller: app