Angular 速查指令(一)

 

Angular 指令

安裝 Angular

npm install -g @angular/cli

安裝特定版本

npm install -g @angular/cli@17

建立專案

              ng new "專案名稱"

建立元件

              ng g c "元件名稱"

運行Angular

              ng serve -o

建置專案

              ng build

              建置後的位置 ： \dist\"專案名稱"\

顯示元件

              isVisible的型態是布林值，當布林值等於True 則會顯示

Angular 語法
<button ng-if="isVisible"> Visible </button>	if(this.isVisible){    <button ng-if="isVisible"> Visible </button>   }

 

重複

listOfItem的型態是陣列，將陣列的元素一個一個的給item

<li *ng-for="let item in listOfItem"> {{item.name}} </li>	foreach(var item in listOfItem){ <li> {{item.name}} </li> }