angularjs表达式

Posted 昱歌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于angularjs表达式的主要内容,如果未能解决你的问题,请参考以下文章

angularJS使用ocLazyLoad实现js延迟加载

从 AngularJS url 中删除片段标识符(# 符号)

AngularJS ——ngResourceRESTful APIs 使用

AngularJS

AngularJS入门学习笔记一

AngularJS 三元表达式无效