ngInclude與script載入模板

2022-01-20 09:02:50 字數 2747 閱讀 3856

ng-include:

官網例項:

<

p>ng-include:

p>

<

select

ng-model

="template"

ng-options

="t.name for t in templates"

>

<

option

value

="">(blank)

option

>

select

>

url of the template:

<

span

>}

span

>

<

div>

<

div

ng-include

="template.url"

>

div>

div>

$scope.templates =[

,

];$scope.template = $scope.templates[0];

ngincludetemplate1.html:
<

p>content of ngincludetemplate1

p>

ngincludetemplate2.html:
<

p>content of ngincludetemplate2

p>

選擇的是template1.html時會顯示ngincludetemplate1.html頁面的內容:相當於

選擇的是template2.html時會顯示ngincludetemplate2.html頁面的內容:相當於

也可以簡單地寫成如下形式:

<

div

ng-include

=" 'ngincludetemplate2.html' "

>

div>

<

div

ng-include

="tpl"

>

div>

ng-include src="tpl">

$scope.tpl = 'ngincludetemplate2.html';

此處的值是字串,所以直接在ng-include寫值時要加上''(單引號),或者在js定義乙個變數,ng-include引入值時引用變數名即可。

script:

<

div

ng-include

="'template1.html'"

>

div>

<

div

ng-include src

="'template2.html'"

>

div>

<

div

ng-include

="scripttpl3"

>

div>

<

div

ng-include src

="scripttpl4"

>

div>

<

script

type

="text/ng-template"

id="template1.html"

>

使用script載入的模板,ng

-include字串

script

>

<

script

type

="text/ng-template"

id="template2.html"

>

使用script載入的模板,ng

-include src字串

script

>

<

script

type

="text/ng-template"

id="template3.html"

>

使用script載入的模板,ng

-include變數

script

>

<

script

type

="text/ng-template"

id="template4.html"

>

使用script載入的模板,ng

-include src變數

script

>

$scope.scripttpl3 = 'template3.html';

$scope.scripttpl4 = 'template4.html';

這裡需要注意,type="text/ng-template"是指明這是ng模板,id屬性是指實際使用模板時的乙個引用,標籤之間的內容才是實際的模板內容。而且,需要注意,id絕對不是url,這個script標籤絕對不會發出http請求。 

實際應用模板時候,使用id屬性,即可從記憶體中獲取對應資料。

參考:

分類資料集劃分訓練級和驗證級的script

思路 在特定路徑下建立train,val的資料夾 用列表放資料集下種類的名稱 根據上面的列表,分別在train和val路徑下建立class類別名稱的資料夾 遍歷每一張,並判斷是否在驗證集的列表名稱中,如果是,則複製copy到驗證級特定種類的路徑下,否則就複製到訓練集特定種類的路徑下 import o...

SQL與NoSQL MySQL與NoSQL的融合

寫這一篇內容的原因是mysql5.6.2突然推出了memcached的功能。nosql to innodb with memcached的出現,可以看出nosql對關聯式資料庫的確產生了巨大的影響,個人覺得這是乙個非常大的進步,可以讓開發人員更加方便的使用nosql和關聯式資料庫。nosql一般被認...

指標與陣列 a與 a區別

假設宣告了乙個陣列a,則 a表示陣列a的首位址,a與 a 0 表示陣列a首元素的首位址,那麼 a 1與a 1有哪些區別呢?通過下面的實驗來說明。int i 0 int a 5 int p int a 1 for i 0 i 5 i printf a 0x p,a 0x p,a 1 0x p n a,...