angular-ui-router | 易学教程

Search input and $state.go

阅读更多关于 Search input and $state.go

问题 I've built a small movie search app using AngularJS and Elasticsearch. I used AngularJS UI Bootstrap Typeahead for autocomplete. My app is pretty simple, hp, results page, contact form. What I'd like to do is use ngKeydown/ngKeypress and $state.go on the search input. What I'm looking for is when a user starts typing their query on the hp in the search input, the page goes to the results page on the first keypress and then suggestions begin to appear. Something like this: <form> <input type=

AngularJS ui.router change page and go to specific section

阅读更多关于 AngularJS ui.router change page and go to specific section

问题 I use the AngularJS ui.router in my application. For a new use case I want to change the view from index.html to my partialview options.html. My options.html has different sections. The routing between the different views is working correctly, but I want to change the view and go directly to the section on this view. Means from resources/html/index.html to resources/html/index.html#/options with a specific section. I have a dropdown-menu with different ui-sref (some for tests) and there I

AngularJS ui-router html5mode not working on reload

阅读更多关于 AngularJS ui-router html5mode not working on reload

问题 First of all, I've tried a bunch of different solutions to fix this problem, but none of them worked for me. See links below. The problem: Currently I can't use html5mode with ui-router because it has a Not Found error. The only time it loads the page, is the first load. Each refresh or trying to access an especific URL , there is this error: The requested URL /Welcome was not found on this server. My code Currently I'm using AngularJS 1.5.0 with ui-router 0.2.15 . Note: I'm using a blank app

Trying to have one subview call another subview using ui-router

阅读更多关于 Trying to have one subview call another subview using ui-router

问题 I have two subviews, one for category and one for products, so the products for that category. I want a user to be able to select a category and see all the products for that category. So I am calling a function in the category controller when the View button is clicked on a category row. This is the function: self.$scope.viewSalonProducts = function (categoryNumber: string) { alert(categoryNumber + " " + self.dataSvc); self.dataSvc.category = categoryNumber; self.state.go("salonproducts"); }

angularjs multiple resolve with loadsequence and auth permission

阅读更多关于 angularjs multiple resolve with loadsequence and auth permission

问题 Referring to this question here, I am having the same problem. How can we set up a multiple resolve, one with currentAuth and another with loadsequence which loads controllers and scripts? Here is my state config : .state('app.example', { url: "/example", templateUrl: "assets/views/example.html", resolve:{ loadSequence: loadSequence('jquery-sparkline', 'exampleCtrl') }, title: 'example', ncyBreadcrumb: { label: 'example' } }) and here is my loadsequece function: function loadSequence() { var

'ui-sref' of Angular UI-Router not working as expected

阅读更多关于 'ui-sref' of Angular UI-Router not working as expected

问题 If I am working with href, UI Router works as expected. But, if I am using ui-sref, it is not working as expected. I have two issue with the following example: the anchors 'link-series-2-no-param' and 'link-series-2-one-param' do not trigger 'otherwise' (they do in 'link-series-1'). What to do if they need to go to 'otherwise'? if you click all 'link-series-2' and do the same in reverse, it's not going to work (always shows the result of 'link-series-2-two-params', even if you click on others

UI-Router Reload State without a full page refresh

阅读更多关于 UI-Router Reload State without a full page refresh

问题 Currently if I want to reload a state, I have to use the $state.reload(). This causes a full page refresh, which is very unfriendly. I am looking for a way to just re-resolve my dependencies and reset the controller. Is this possible? 回答1: Just to add on @Dag 's answer: Do note, as of 0.2.14 you also have an option to just reload the current state and not it's parent. So $state.go(people.search, {}, {reload: true}); would reload the people state as well as all its childs. While $state.go

AngularJs ui-router $location or $state?

阅读更多关于 AngularJs ui-router $location or $state?

问题 How can I transform this: $location.path('/app/home/' + id).search({x:y}); to this: $state.go('/app/home/' + id).search({x:y}); I tried, but I actually can't get enough information how to achieve that... 回答1: There is nice documentation (while deprecated, still really clear) : $state.go(to [, toParams] [, options]) Let's say that the state definitions are looking like this: .state('app', { // parent app url: '/app', ... }) .state('app.home', { url: '/home/:x', // the param named x ... Then

loopback angular 404 on refresh page

阅读更多关于 loopback angular 404 on refresh page

I have create an application with loopback and angular but i have a problem. When i refresh the browser loopback give me a 404 url not Found. Added base tag to index.html <base href="/"/> Set middlelware.json properly to serve static content: "files": { "loopback#static": { "params": "$!../client" } Set HTML5 mode in angular router (I'm using ui-router) $locationProvider.html5Mode(true); $urlRouterProvider.otherwise('/'); I have yet deleted root.js from the project. What i'm doing wrong? Thanks in advance When you have enabled html5 mode/ push state mode ON in angularjs, this is a common

Resolving promise with ionic/ui-routing

阅读更多关于 Resolving promise with ionic/ui-routing

问题 I'm having some problems figuring out why my promise isn't resolving the way I would expect it to. I'm using Ionic/ui-routing. my service: return { all: function () { $localForage.getItem('foo').then(function (bar) { return bar; }); } }; When I log data to console, I see the objects that localForage returns from indexeddb. my apps.js: .state('tab.foo', { url: '/foo', views: { 'tab-foo': { templateUrl: 'templates/tab-foo.html', controller: 'fooCtrl as foo' } }, resolve: { getData: function