国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

小人兒的筆記(AngularJS)--01

2024-04-27 15:06:45
字體:
來源:轉載
供稿:網友

事件參數$event

例1 關于ag中的this及事件源:

<input type="button" value="test" ng-click="doTest($event)">------------------------------------$scope.name="myname";$scope.doTest=function(ent){;//事件參數通過頁面的$event傳入console.log(this.name);;//myname--這里this不再表示事件源,而是當前作用域對象console.log(ent.target.value);;//test--事件源封裝在事件參數的target屬性中console.log(angular.element(ent.target).val());;//test--angular.element方法可以將DOM元素封裝為jquery對象,如果引用了jquery庫,則可以直接使用$函數};

例2 簡易計算器:

<div ng-controller="CalcController"> <p> <label for="n1">數字1:</label> <input type="text" id="n1" ng-model="num1"> </p> <p> <label for="n2">數字2:</label> <input type="text" id="n2" ng-model="num2"> </p> <p> <input type="button" value="+" ng-click="doCalc($event)"> <input type="button" value="-" ng-click="doCalc($event)"> <input type="button" value="*" ng-click="doCalc($event)"> <input type="button" value="/" ng-click="doCalc($event)"> </p> <p> <h1>result:<span ng-bind="result"></span></h1> </p></div>--------------------------------angular.module('myApp', []).controller('CalcController', ['$scope', function($scope){ $scope.doCalc=function(ent){ var op=ent.target.value; if(isNaN(this.num1) || isNaN(this.num2)){ $scope.result="無法計算"; } else{ var n1=parseFloat($scope.num1); //強制轉換為浮點型 var n2=parseFloat($scope.num2); console.log(typeof eval(n1+op+n2)); $scope.result=eval(n1+op+n2).toFixed(3); //eval()把 參數string 進行計算,結果為number類型 //toFixed()把 Number 四舍五入為指定小數位數的數字 } };}])

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 龙里县| 尖扎县| 安义县| 余姚市| 湘潭县| 青州市| 健康| 武威市| 揭西县| 晋江市| 宁武县| 吉首市| 石柱| 临安市| 大田县| 嘉鱼县| 焉耆| 金沙县| 安新县| 揭东县| 扬州市| 马边| 崇州市| 吉安县| 手机| 湛江市| 中牟县| 东台市| 九寨沟县| 广东省| 莒南县| 藁城市| 广元市| 界首市| 太保市| 民勤县| 沙洋县| 临沂市| 朝阳区| 昆山市| 黄大仙区|