基本介紹
引入模板一般都是固定的東西,比如導航欄,比如頁面的底部,每個頁面都重複寫很麻煩,不如直接定義兩個模板,引入到需要的頁面中。這個過程實際是乙個跨域的非同步請求過程。
基本使用
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
div
ng-include
="'./header.html'"
>
div>
<
h1>主體
h1>
<
div
ng-include
="'./footer.html'"
>
div>
div>
<
script
src="../libs/angular.min.js"
>
script
>
<
script
>
var=
angular.module(''
, );
//內部實現是ajax請求兩個頁面,
script
>
body
>
html
>
header模板
<h1>頭部
h1>
footer模板
<h1>底部
h1>
Angular頁面指令
分為元件帶模板的指令,結構性指令改變宿主文件結構 ngif ngswitch ngfor 屬性性指令改變宿主行為 ngmodel ngstyle ngclass innerhtml 將value作為html標籤來解析 textcontent 將value作為文字解析 ngif ngif 如果vlau...
angular基礎 指令
指令 directive 可以理解為沒有模版的元件,它需要寄宿在乙個元素上 宿主 host 1.hostbinding 繫結宿主的屬性或樣式 import from angular core directive export class griditemdirective 2.hostlistene...
angular指令總結
ng list ng non bindable ng switch ng readonly ng include ng template angular中有一些不常用,但卻非常有用的指令,如果在開發過程中可以直接使用這些指令,會大大地加快我們的開發效率。ng class 指令用於給 html 元素動...