鍗氬紙AngularJS璁蹭箟(八) - 妯℃澘

鍗氬紙AngularJS璁蹭箟(8) - 妯℃澘

聽鍦ˋngular涓紝妯℃澘鏄寘鍚€氳繃Angular瀹氫箟鐨勫厓绱犲拰灞炴€х殑HTML浠ｇ爜銆侫ngular灏嗘帶鍒跺櫒鍙婃ā鍨嬩腑鐨勪俊鎭笌妯℃澘缁戝畾璧锋潵鍔ㄦ€佺殑灞曠幇瑙嗗浘銆?/p>

聽閫氬父angular瀹氬埗鐨勫厓绱犲強灞炴€у寘鎷互涓嬪嚑绉嶏細

聽聽聽 1. 鎸囦护(Directive) - 鐢ˋngular瀹氬埗鐨勫睘鎬ф垨鍏冪礌锛屼綔涓哄HTML鐨勬墿鍏咃紝鏄彲閲嶇敤鐨凞OM缁勪欢銆?/p>

聽聽聽 2. 鏍囪(Markup) - 鐢ㄥ弻澶ф嫭鍙穥{}}瀹氫箟鐨勮〃杈惧紡銆?/p>

聽聽聽 3. 杩囨护鍣?Filters) - 鐢ㄦ潵鏍煎紡鍖栧睍鐜版暟鎹€?/p>

聽聽聽 4. 琛ㄥ崟鎺т欢(Form Controls) 聽- 鏍￠獙鐢ㄦ埛杈撳叆銆?/p>

聽

聽鐪嬪涓嬬ず渚嬩唬鐮?

聽聽

<html ng-app>
 <!-- Body tag augmented with ngController directive  -->
 <body ng-controller="MyController">
   <input ng-model="foo" value="bar">
   <!-- Button tag with ng-click directive, and
          string expression 'buttonText'
          wrapped in "{{ }}" markup -->
   <button ng-click="changeFoo()">{{buttonText}}</button>
   <script src="angular.js">
 </body>
</html>

聽

聽 1. 杩欎釜渚嬪瓙涓敤鍒颁簡鎸囦护(ng-app, ng-controller, ng-model, ng-click)鍜岃〃杈惧紡{{buttonText}}.

聽2.涓€涓畝鍗曠殑鍗曢〉闈ngular搴旂敤鐨勬ā鏉块€氬父鍖呮嫭HTML,CSS,鍜屾寚浠ゃ€?/span>

聽3.鍦ㄥ鏉傜殑搴旂敤涓彲浠ュ湪鍗曢〉闈㈠紩鍏ュ涓狧TML鐗囨銆傚彲浠ラ€氳繃ng-view鎸囦护鍦?route鏈嶅姟涓浇鍏ラ厤缃ソ鐨勬ā鏉跨墖娈点€?/span>

聽鎴戜滑浼氬湪鍚庨潰绔犺妭涓瑙ｅ悇绉嶆ā鏉夸互鍙奱ngular璺敱銆?/span>

聽聽

鍗氬紙AngularJS璁蹭箟(八) - 妯℃澘

相关推荐