Steps to integrate: Include jQuery and jQuery-ui (best served from a CDN) Include angular (it is the best to include if from a CDN) Include angular-ui JS / CSS (currently only hosted in the GitHub repository in the build folder) Include any jQuery plugins for the directives you are planning to use Declare dependencies on … Read more
Looks like this is possible to do after all. A breadcrumb on GitHub by one of the ui-router authors led me to try the following: <a ng-href=”https://stackoverflow.com/questions/24349731/{{getLinkUrl()}}”>Dynamic Link</a> Then, in your controller: $scope.getLinkUrl = function(){ return $state.href(‘state-name’, {someParam: $scope.someValue}); }; Turns out, this works like a charm w/ changing scoped values and all. You can … Read more
Update: OK, I just solved it using the following code: var url = $state.href(‘myroute’, {parameter: “parameter”}); window.open(url,’_blank’);
The answer is in the documentation, right after the two lines you quoted: The open method returns a modal instance, an object with the following properties: close(result) – a method that can be used to close a modal, passing a result dismiss(reason) – a method that can be used to dismiss a modal, passing a … Read more
Update: This answer was for a much older release of Ui-Router. For the more recent releases (0.2.5+), please use the helper directive ui-sref-active. Details here. Original Answer: Include the $state service in your controller. You can assign this service to a property on your scope. An example: $scope.$state = $state; Then to get the current … Read more
Yes, directives from http://angular-ui.github.io/bootstrap are highly customizable and it is easy to override one of the templates (and still rely on the default ones for other directives). It is enough to feed $templateCache, either feeding it directly (as done in the ui-bootstrap-tpls file) or – probably simpler – override a template using the <script> directive … Read more
While you creating your modal you can specify its behavior: $modal.open({ // … other options backdrop : ‘static’, keyboard : false });
There is better way of doing this now. A new callback method has been added In controller file add the following: $scope.onSelect = function ($item, $model, $label) { $scope.$item = $item; $scope.$model = $model; $scope.$label = $label; }; In view add the following: <input type=”text” ng-model=”selected” typeahead=”state for state in states | filter:$viewValue” typeahead-editable=”false” typeahead-on-select=”onSelect($item, … Read more
You can’t use only $stateProvider. You need to inject $urlRouterProvider and create a code similar to: $urlRouterProvider.otherwise(‘/otherwise’); The /otherwise url must be defined on a state as usual: $stateProvider .state(“otherwise”, { url : ‘/otherwise’…}) See this link where ksperling explains
Are you referring to the AngularUI Router? If so, the wiki specifies the differences: $state.go(to [, toParams] [, options]) Returns a Promise representing the state of the transition. Convenience method for transitioning to a new state. $state.go calls $state.transitionTo internally but automatically sets options to { location: true, inherit: true, relative: $state.$current, notify: true }. … Read more