Angular.js front-end development routing changes but the interface does not change.

Question

First, I used ng-switch to control the display of the interface, and then directly defined herf="/region#create" on the new region button, and then changed the value of ng-switch to display different interfaces, but I don't know Why does this happen, as shown in the picture below, that is, sometimes when clicking...

PHP中文网 · Answer

Open the console, check the error, and finally add, please use chrome to develop angular app

迷茫 · Answer

I don’t know how to write the code. There is something wrong with your routing jump. Directly using href to jump will definitely cause the page to refresh and the status will be lost. The hash part should be treated as an anchor point. For angular front-end routing, it can be Use ui-router.

伊谢尔伦 · Answer

I suggest you use ui-router,
routing can be implemented as follows:

$stateProvider
.state('region', {
    url: '/region',
    abstract: true,
    template: '',
    controller: 'RegionCtrl',
}).state('region.create', {
url: '/create/:id', //若需要id
templateUrl: 'create.html',
controller: 'RegionCtrl',
})；

href is directly href="#create". You can read the official documentation for details. very convenient.

大家讲道理 · Answer

It is also recommended that you use ui-router