Angular——Angular day03(作用域和控制器)

dbt@L

已于 2022-07-10 10:51:58 修改

阅读量118

点赞数

分类专栏： Angular 文章标签： angular.js javascript 前端

于 2020-08-26 21:15:24 首次发布

本文链接：https://blog.csdn.net/qq_43201350/article/details/106089515

版权

Angular 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

作用域对象 :
- 一个js实例对象, ng-app指令默认会创建一个根作用域对象($rootScope)
控制器：
- ng-controller
- Angular还有创建一个新的域对象 $s c o p e, 它是$ rootScope的子对象

代码：

<body ng-app>
<div ng-controller="test">
  <input type="text" ng-model="aa">
  <input type="text" ng-model="bb">
  <p>a:{{aa + '-' + bb}}</p>
  <p>b:{{getab()}}</p>
</div>
<script type="text/javascript" src="../../js/angular-1.2.29/angular.js"></script>
<script type="text/javascript">
  function test($scope) {
    $scope.aa = 'nihao'
    $scope.bb = 'xiexie'
    $scope.getab = function() {
     return  $scope.aa + $scope.bb
    }
  }
</script>
</body>