使用angular寫一個(gè)hello world
更新時(shí)間：2015年01月23日 10:39:59 投稿：hebedich
這篇文章主要介紹了使用angular寫一個(gè)hello world的方法及示例,需要的朋友可以參考下
angularjs遵循MVC模式，慣例來一個(gè)hello world吧
復(fù)制代碼 代碼如下:
<html ng-app>
<head>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="controllers.js"></script>
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, world</p>
</div>
</body>
</html>
controllers.js中的內(nèi)容
復(fù)制代碼 代碼如下:
function HelloController($scope) {
$scope.greeting = { text: "Hello"};
}
MVC寫起來很不錯(cuò)的感覺~~
相關(guān)文章
關(guān)于Angularjs中跨域設(shè)置白名單問題
這篇文章主要介紹了Angularjs中關(guān)于跨域設(shè)置白名單問題,需要的朋友可以參考下2018-04-04
resolve保證了數(shù)據(jù)獲取后再進(jìn)行路由跳轉(zhuǎn)，防止因?yàn)閿?shù)據(jù)延遲而出現(xiàn)短暫的空組件情況，本文就介紹一下Angular resolve基礎(chǔ)用法，感興趣的小伙伴們可以參考一下2018-10-10
本文主要講解AngularJS模塊的相關(guān)知識，這里整理了詳細(xì)的基礎(chǔ)資料，并提供示例代碼和示例實(shí)現(xiàn)效果圖，有興趣的小伙伴可以參考下2016-08-08
本文介紹了Angular父子組件是如何通訊的，對此感興趣的同學(xué)，可以參考下，并且親自實(shí)驗(yàn)一下。2021-05-05
這篇文章主要為大家詳細(xì)介紹了Angular的$http與$location，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
AngularJS實(shí)現(xiàn)按鈕提示與點(diǎn)擊變色效果
這篇文章給大家介紹了如何利用AngularJS實(shí)現(xiàn)按鈕提示與點(diǎn)擊變色的效果，文中提供了實(shí)例代碼，對大家學(xué)習(xí)AngularJS具有一定的參考借鑒價(jià)值，下面來一起看看吧。2016-09-09
AngularJS實(shí)現(xiàn)給動(dòng)態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實(shí)現(xiàn)給動(dòng)態(tài)生成的元素綁定事件的方法,結(jié)合實(shí)例形式分析了AngularJS動(dòng)態(tài)生成元素與事件綁定相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
AngularJS轉(zhuǎn)換響應(yīng)內(nèi)容
這篇文章主要介紹了AngularJS轉(zhuǎn)換響應(yīng)內(nèi)容 的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了使用AngularJS對路由進(jìn)行安全性處理的方法,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下2015-06-06
AngularJS定時(shí)器的使用與移除操作方法【interval與timeout】
這篇文章主要介紹了AngularJS定時(shí)器的使用與移除操作方法,結(jié)合實(shí)例形式分析了AngularJS中interval與timeout方法的相關(guān)使用技巧,需要的朋友可以參考下2016-12-12