Cordova學(xué)習(xí)筆記中controller的使用及controller as的使用

發(fā)布時間：2020-07-07 20:09:06 來源：網(wǎng)絡(luò) 閱讀：353 作者：hello_world007 欄目：開發(fā)技術(shù)

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="js/angular.js"></script>
    <script type="application/javascript">
        (function(angular) {
            'use strict';
            angular.module('myApp', [])
                    .controller('firstController', function firstController() {
                            this.firstNum = 1;
                            this.secondNum = 1;
                            this.doSum111 = function(){
                                return this.firstNum+this.secondNum;
                            };
                    });
        })(window.angular);
    </script>
</head>
<body >
<div ng-app="myApp">
   <div ng-controller="firstController as fc"><!--Controller As語法，簡單說就是可以在Controller中使用this來替代$scope fc就相當于this了-->
        <input type="number" name="firstNum" ng-model="fc.firstNum" required/>
       +<input type="number" name="secondNum" ng-model="fc.secondNum" required/>
       ={{fc.doSum111()}}
   </div>
</div>
</body>
</html>

向AI問一下細節(jié)

Cordova學(xué)習(xí)筆記 中controller的使用及controller as的使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽

Cordova學(xué)習(xí)筆記中controller的使用及controller as的使用