angularjs表达式
angularjs表达式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <title>index</title> 7 <link href="{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/> 8 <script src="{$Think.const.JS}jquery.min.js" type="text/javascript"></script> 9 <script src="{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script> 10 <script src="{$Think.const.JS}angular.min.js" type="text/javascript"></script> 11 <link href="{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/> 12 </head> 13 <body ng-app="myapp" ng-controller="myctrl"> 14 <div class="container"> 15 <h1 class="page-header">前端技术方案</h1> 16 <form action=""> 17 <div class = "from-group"> 18 <label for="">num1:</label> 19 <input type="text" class="form-control" ng-model="num1"/> 20 </div> 21 <div class="well">num1: <span ng-bind="mess"></span></div> 22 <div class="form-group"> 23 <label for="">num2:</label> 24 <input type="text" class="form-control" ng-model="num2"/> 25 </div> 26 <div class="well">num2: <span ng-bind="password"></span></div> 27 <!--表达式--> 28 <div class="well">{{addfun()}}</div> 29 30 </form> 31 <img src="{$Think.const.HOMEIMG}/01.png" /> 32 </div> 33 </body> 34 <script> 35 angular.module("myapp",[]).controller("myctrl",function($scope){ 36 37 <!--表达式--> 38 $scope.addfun = function () { 39 str = parseInt($scope.num1) + parseInt($scope.num2); 40 if(str){ 41 return str; 42 }else{ 43 return 0; 44 } 45 } 46 }); 47 </script> 48 </html>