[angularjs] 邊做邊學 2 Html bind Html &Html bind JS
1. Html bind Html Live demo :http://jsbin.com/doguv/1/ 說明 : 原始碼有注解,看懂直接跳到下一個章節,若看不懂繼續。 <html ng-app> 此段的用意式宣告此份文件 ( 區塊 ) 為 angularJS 所管轄之文件,也可以宣告在其他 TAG 底下例如 div, 只有在這個區塊才會被 angular 所解譯 。 <h3>Hello {{ name||'Angular' }}</h3> 顯示 H3tag 且內容為 name( 透過 angular 所綁訂 ) 若 name 為空值則帶入 Angular <input type="text" ng-model="name"> 透過 ng-model 去綁訂 name <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.15/angular.min.js"></script> 使用 cdnjs 所提供的 angularJS ,也可以逕自到其他有提供 JS LIB 的地方去撈 angular 2. Html bind JS Live demo :http://jsbin.com/duyip/1/edit 說明 : ng-app=”APP” 意指此份文件為 anglurs 文件 ng-controller=”countController” 意指這個區塊為 countController 控制項所控制 ,一份文件可以有多個控制項每個控制項內容均不交互影響。 var app = angular.module('App', []);