簡單來說一下ui route

2022-07-19 03:45:11 字數 1611 閱讀 1784

ui-router被認為是angularui為開發者提供的最實用的乙個模組,它是乙個讓開發者能夠根據url狀態或者說是'機器狀態'來組織和控制介面ui的渲染,而不是僅僅只改變路由(傳統angularjs應用實用的方式)。該模組為開發者提供了很多最檢視(view)額外的控制。開發者可以建立巢狀分層的檢視、在同乙個頁面使用多個檢視、讓多個檢視控制某個檢視等更多的功能。即使是非常複雜的web應用,ui-router也可以極佳地駕馭。

使用時需要用ui-view指令指定,如:

然後再頁尾引入

接下來,將ui-router作為web應用的依賴,注入到主程式:

與整合的ngroute服務不同的是,ui-router可以將檢視巢狀,因為它基於的是操作狀態而僅非url。與傳統做法使用ng-view不同的是,在ngroute裡需要使用ui-view服務。當在ui-router中處理路由和狀態時,開發者的重心是當前的狀態是什麼以及在哪乙個頁面裡。

和ngroute一樣,為特定狀態指定的模板將會放在

元素中。在這些模板中也可以包含自己的ui-view,這就是在同乙個路由下實現巢狀檢視的方法。要定義乙個路由,與傳統的方法相同:使用.config方式,但使用的不是$routeprovider而是$stateprovider

$urlrouterprovider.when('', 'pagetab');

$stateprovider.state('pagetab', ).state('pagetab.tab1', ).state('pagetab.tab2', ).state('pagetab.tab3', )

})基本流程大概就是這樣了

分享我自己寫的乙個小案例。

點選page1,下面內容就會有相應的page1.

點選page2,下面內容就會有相應的page2.

點選page3,下面內容就會有相應的page3.

html檔案:

建立如下的html頁面

page1

tab2.html

建立如下的html頁面

page2

tab3.html

建立如下的html頁面

page3

pagetab.html

建立如下的html頁面

page1

page2

page3

請注意:這兒的

,要存放的是子頁面的內容。它們就是路由配置中需要被展示的頁面.

接下來建立main.html

maim.html裡面要引入所需要的外掛程式

還有如何實現他們之間的切換

上面pagetab.html中,我們寫了ui-sref這個屬性。說白了這個屬性就是關聯的意思。用了』.『這個符號

請你來說一下共享記憶體相關api

linux允許不同程序訪問同乙個邏輯記憶體,提供了一組api,標頭檔案在sys shm.h中。1 新建共享記憶體shmget int shmget key t key,size t size,int shm key 共享記憶體鍵值,可以理解為共享記憶體的唯一性標記。size 共享記憶體大小 shmf...

來說一下Ansible的簡明教程

ansible是當下比較流行的自動化運維工具,可通過ssh協議對遠端伺服器進行集中化的配置管理 應用部署等,常結合jenkins來實現自動化部署。除了ansible,還有像saltstack fabric 曾經管理100多台伺服器上的應用時也曾受益於它 puppet等自動化工具。相比之下,ansib...

簡單介紹一下OGraph

摘要 該引擎的目標在於能夠渲染3d場景,和視覺化複雜網路 並且支援方便的資料介面,遊戲一般的互動體驗。引擎嵌入python為使用者提供api,編寫python 讀取處理資料後提交到渲染介面,即可實時渲染。使用瀏覽器核心向使用者展示ui,管理場景物件樹 物件屬性。使用者也可以自己重新編寫html頁面自...