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

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

寻∝梦
發布: 2018-09-08 11:18:15
原創
1684 人瀏覽過

本篇文章主要的介紹了關於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,

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

#angularjs表達式:

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

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

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

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

例如:

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

angularjs應用程式

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

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

#例如:

<p ng-app="myApp">
<p ng-controller="myCtrl"></p>
</p>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。});
</script>
登入後複製

angularjs模組定義應用程式:

var app = angular.module("myApp",[]);
登入後複製

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

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

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板