Angular.js学习1.2

最新推荐文章于 2025-04-15 16:57:13 发布

原创最新推荐文章于 2025-04-15 16:57:13 发布 · 380 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#依赖注入 #双向绑定 #angular

Angular.js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了Angular.js中双向绑定的功能与实现方式，通过实例展示了如何让UI与数据互相影响；同时探讨了依赖注入机制，使开发者能够灵活地定义与使用函数参数。

Angular.js学习1.2

1.双向绑定
所有数据都是双向的，数据<–>UI。（意味着数据改变UI也会跟着改变，而UI改变数据也会改变）

//咱试一下输出ng-model="a" , 可以发现a的值是会根据输入的数据改变的。

<input type="text" name="name" value="" ng-model="a">
<input type="text" name="name" value="" ng-model="a">
a的结果：{{a}}

2.依赖注入
正常来说咱函数的参数由调用者决定。
而在angular里面，函数要什么参数就有什么参数。
好处：可以自己挑选参数，顺序随便。

 <script src="angular.js" charset="utf-8"></script>
    <script>
    var mod=angular.module('test',[]);

    mod.controller('t1',function($scope,$http){
        //定义了两个参数，弹出两个参数。
        //说明这时候函数由定义决定
     alert(arguments.length);
    });
    </script>
</head>
  <body ng-controller="t1"> 
</body>