本文實(shí)例講述了AngularJS控制器controller給模型數(shù)據(jù)賦初始值的方法。分享給大家供大家參考，具體如下：
之前的文章《AngularJS入門(mén)示例之Hello World詳解》，很簡(jiǎn)單的就實(shí)現(xiàn)了模型數(shù)據(jù)和頁(yè)面顯示的自動(dòng)綁定。現(xiàn)在我們使用控制器，給模型賦初始值。如果使用jQuery來(lái)實(shí)現(xiàn)變量賦初值，需要在頁(yè)面加載完成后執(zhí)行
$("#target").attr("value",selfValue);使用AngularJS代碼如下：
<!doctype html><html lang="en" ng-app> <head> <meta charset="utf-8"> <title>Hello,World!</title> <script src="angular1.2.25.js"></script> <script> function WholeController($scope) { $scope.yourName = "aty"; } </script> </head> <body ng-controller="WholeController"> <input type="text" ng-model="yourName"> <h1>Hello, {{yourName}}</h1> </body></html>這里需要注意：函數(shù)名必須與ng-controller中的名稱(chēng)一致，函數(shù)的參數(shù)$scope名次也是固定的，不能隨便修改。這樣的話，AngularJS框架會(huì)自動(dòng)執(zhí)行我們的控制器，并將作用域?qū)ο笞⑷氲胶瘮?shù)參數(shù)。很顯然這種方式非常不好，因?yàn)椴荒芨淖兒瘮?shù)參數(shù)名，后面我會(huì)看到還有別的方式來(lái)達(dá)到同樣的目的，后續(xù)我們?cè)倮^續(xù)學(xué)習(xí)。可以看到Controller就是一個(gè)JavaScript 函數(shù)，在 Angular 里，當(dāng)這個(gè)函數(shù)通過(guò) ng-controller 指令綁定到 DOM 上的時(shí)候，這個(gè)函數(shù)就是 Controller 了，我們可以為 Controller Scope 對(duì)象。
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《AngularJS入門(mén)與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
