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頁面自...