angularJS(五)angularJsDemo之控制器

我不是女神ヾ 2022-02-23 00:56 270阅读 0赞

### 需求：实现两个数相加 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1][]

### 代码实现 ###

<html>
    <head>
    <title>anguarJs入门小demo 控制器</title>
    <script src="angular.min.js"></script>	
    <script>
    //建立模块
    var app=angular.module("myApp",[]);
    //创建控制器   $scope控制层与视图层交换的桥梁
    app.controller("myController",function($scope){
    $scope.add=function(){
      return parseInt($scope.x)+parseInt($scope.y);
    }
    }
    );
    </script>
    </head>
    <body ng-app="myApp" ng-controller="myController">
    第一个数:<input ng-model="x">     第二个数<input ng-model="y">
    {
       {add()}}
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70]: /images/20220223/75cee40341c94b5db0265ad12ca0e6d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1]: /images/20220223/b9e32e11fe334c9da4aeb1e51637000a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关【angularjs】控制器

> AngularJS中ng-app的赋值问题 > [https://blog.csdn.net/devillittle/article/details/56840892]

水深无声/ 2024年02月19日 16:10/ 0 赞/ 72 阅读

相关 AngularJS 控制器

关于 controller 中作用域的问题： controller 中，如果局部 scope和 s c o p e 和 rootScope 都存在，且有相同名字的变量，\{

你的名字/ 2022年05月19日 02:47/ 0 赞/ 259 阅读

相关 angularJS(二)angularJsDemo之表达式

第一步先引入js [angularJs下载地址][angularJs] <html> <head> <title>anguarJs入门小demo 表达

港控/mmm°/ 2022年02月25日 05:42/ 0 赞/ 201 阅读

相关 angularJS(八)angularJsDemo之循环对象

需求：angularJs之循环对象 ![20190405182700823.png][] 实现如下 ![watermark_type_ZmFuZ3poZW5

约定不等于承诺〃/ 2022年02月23日 01:14/ 0 赞/ 204 阅读

相关 angularJS(七)angularJsDemo之循环数组

需求如下：用angularJs实现数组得循环 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

ゝ一纸荒年。/ 2022年02月23日 01:12/ 0 赞/ 211 阅读

相关 angularJS(六)angularJsDemo之事件

需求：输入两个数通过点击事件来得出结果 ![20190405180719421.png][] ![20190405181019179.png][] 这里会用到cl

忘是亡心i/ 2022年02月23日 01:08/ 0 赞/ 231 阅读

相关 angularJS(五)angularJsDemo之控制器

需求：实现两个数相加 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

我不是女神ヾ/ 2022年02月23日 00:56/ 0 赞/ 271 阅读

相关 angularJS(四)angularJsDemo之初始化

需求：在加载的时候进行初始化 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

分手后的思念是犯贱/ 2022年02月23日 00:38/ 0 赞/ 235 阅读

相关 angularJS(三)angularJsDemo之双向绑定

需求：文本框输入什么后面显示什么 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

红太狼/ 2022年02月23日 00:28/ 0 赞/ 253 阅读

相关 AngularJs 控制器

AngularJs控制器(对页面元素进行类似js的功能) 1、angular.module()方法 (1)NG方法中提供用来生成页面数据模

以你之姓@/ 2021年07月24日 11:45/ 0 赞/ 436 阅读