這篇文章給大家分享的是有關(guān)AngularJS基于MVC復(fù)雜操作的示例分析的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
實(shí)例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS基于MVC的復(fù)雜操作案例</title> <script type="text/javascript" src="../js/angular.min.js"></script> </head> <body> <!--ng-app="myapp"定義了一個(gè)模塊--> <div ng-app="myapp" ng-controller="myctrl"> <div> <!--ng-model模型作用--> <input type="text" name="name" ng-model="name" /> <!--提供按鈕--> <input type="button" value="清空" ng-click="clearVal()" /> </div> <div> <!--{{}}等價(jià)于ng-bind用于數(shù)據(jù)顯示--> hello,{{name}} </div> </div> </body> <script type="text/javascript"> //初始化myapp模塊 var myapp = angular.module("myapp",[]); //定義模塊的控制器 //依賴注入,$scope作用域?qū)ο螅僮鳟?dāng)前作用域視圖 myapp.controller("myctrl",["$scope",function($scope){ //對模型進(jìn)行初始化賦值 $scope.name = "你我他學(xué)習(xí)吧"; //在作用域提供clearVal點(diǎn)擊事件 $scope.clearVal = function(){ //模型設(shè)置為空 $scope.name = "";//清空輸入框內(nèi)容 } }]); </script> </html>
感謝各位的閱讀!關(guān)于“AngularJS基于MVC復(fù)雜操作的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站題目:AngularJS基于MVC復(fù)雜操作的示例分析-創(chuàng)新互聯(lián)
URL鏈接:http://chinadenli.net/article42/cdjdec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號、響應(yīng)式網(wǎng)站、Google、小程序開發(fā)、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容