簡(jiǎn)述AngularJS的控制器的使用_AngularJS
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:39:31
簡(jiǎn)述AngularJS的控制器的使用_AngularJS
簡(jiǎn)述AngularJS的控制器的使用_AngularJS:AngularJS應(yīng)用主要依賴于控制器來(lái)控制數(shù)據(jù)在應(yīng)用程序中的流動(dòng)。控制器采用ng-controller指令定義。控制器是一個(gè)包含屬性/屬性和JavaScript對(duì)象的功能。每個(gè)控制器接受$scope參數(shù)指定應(yīng)用程序/模塊,由控制器控制。 ... 在這里,我們已經(jīng)聲明
導(dǎo)讀簡(jiǎn)述AngularJS的控制器的使用_AngularJS:AngularJS應(yīng)用主要依賴于控制器來(lái)控制數(shù)據(jù)在應(yīng)用程序中的流動(dòng)。控制器采用ng-controller指令定義。控制器是一個(gè)包含屬性/屬性和JavaScript對(duì)象的功能。每個(gè)控制器接受$scope參數(shù)指定應(yīng)用程序/模塊,由控制器控制。 ... 在這里,我們已經(jīng)聲明
AngularJS應(yīng)用主要依賴于控制器來(lái)控制數(shù)據(jù)在應(yīng)用程序中的流動(dòng)。控制器采用ng-controller指令定義。控制器是一個(gè)包含屬性/屬性和JavaScript對(duì)象的功能。每個(gè)控制器接受$scope參數(shù)指定應(yīng)用程序/模塊,由控制器控制。
在這里,我們已經(jīng)聲明采用ng-controller指令的控制器studentController。作為下一步,我們將定義studentController如下
現(xiàn)在有 student.firstName 和 student.lastname 兩個(gè)輸入框。
現(xiàn)在有 student.fullName()方法添加到HTML。
現(xiàn)在,只要輸入first name和lastname輸入框中輸入什么,可以看到兩個(gè)名稱自動(dòng)更新。
例子
下面的例子將展示使用控制器。
testAngularJS.html 文件內(nèi)容如下:
輸出
在Web瀏覽器打開textAngularJS.html,看到以下結(jié)果:
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
簡(jiǎn)述AngularJS的控制器的使用_AngularJS
簡(jiǎn)述AngularJS的控制器的使用_AngularJS:AngularJS應(yīng)用主要依賴于控制器來(lái)控制數(shù)據(jù)在應(yīng)用程序中的流動(dòng)。控制器采用ng-controller指令定義。控制器是一個(gè)包含屬性/屬性和JavaScript對(duì)象的功能。每個(gè)控制器接受$scope參數(shù)指定應(yīng)用程序/模塊,由控制器控制。 ... 在這里,我們已經(jīng)聲明