首頁 >web前端 >js教程 >angularjs是什麼? angularjs的詳細解釋(內附實例)

angularjs是什麼? angularjs的詳細解釋(內附實例)

寻∝梦
寻∝梦原創
2018-09-08 11:18:151684瀏覽

本篇文章主要的介紹了關於angularjs的介紹,讓大家明白什麼是angularjs,需要了解angularjs哪些內容都在文章裡,現在就讓我們一起來閱讀本篇文章吧

在學習angularjs之前首先我們需要了解什麼是angularjs?

1、angularjs是專為應用程式設計的HTML。

a:angularjs把應用程式資料綁定到了html。

b:angularjs可以複製和重複html。

c:angularjs可以隱藏和顯示html。

d:angularjs可以在html元素中加入程式碼。

e:angularjs支援輸入驗證。

angularjs是Javascript的框架,它是透過指令擴展了html,透過表達式綁定資料到html中。在angularjs中設定了很多的指令,我們可以透過這些指令就能很輕鬆的完成複雜的任務。

什麼是angularjs指令:

#angularjs指令是以ng為前綴的html屬性。

例如:

<p ng-app=""></p>

ng-app指令定義了一個angularjs應用程式。 (ng-app告訴angularjs,e388a4556c0f65e1904146cc1a846bee元素時angularjs應用程式的“所有者”,也就是說我們後續使用angularjs中所有的方法,指令等都是在這個“所有者”中完成。)(想看更多就到PHP中文網AngularJS開發手冊中學習)

#angularjs表達式:

angularjs表達式是寫在雙大括號內的:{{ }}。

angularjs表達式把資料綁定到html。

angularjs將在表達式書寫的位置「輸出」資料。 (也就是說{{ }}中就是用來顯示輸出的資料)。

angularjs中表達式可以包含文字,運算子或定義的函數名,變數等。

例如:

{{1 * 2}}、{{myFunction()}}、{{firstName " " lastName}}

angularjs應用程式

angularjs模組(module)定義了angularjs的應用程式

angularjs控制器(controller)用於控制angularjs應用程式

#例如:

6c13a1a3b09fba4a8d7eb81e8b934aa9
dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3
94b3e26ee717c64999d7867364b1b4a3
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。});
2cacc6d41bbb37262a98f745aa00fbf0

angularjs模組定義應用程式:

var app = angular.module("myApp",[]);

#angularjs控制器控制應用程式:

app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});

#注意:在angular中定義模組與控制器是不可或缺。

好了,這篇文章到這就結束了(想看更多就到PHP中文網AngularJS使用手冊中學習),有問題的可以在下方留言提問。

以上是angularjs是什麼? angularjs的詳細解釋(內附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn