angularJS基础入门

发布时间：2020-12-17 10:12:22 所属栏目：安全来源：网络整理

导读：首先给出简单的HTML结构： div ng-app='myApp' div ng-controller='myController' h1Hello {{name}}/h1 /div /div 下面是js部分： !--angular.module下面可以接着调用controller方法-- angular.module('myApp',[]).controller('myController',function($scop

首先给出简单的HTML结构：

<div ng-app='myApp'>
    <div ng-controller='myController'>
       <h1>Hello {{name}}</h1>
    </div>
  </div>

下面是js部分：

 <!--angular.module下面可以接着调用controller方法-->
      angular.module('myApp',[]).controller('myController',function($scope){
        // console.log($scope.$destroy);
        //这个$scope对象上有一个$destroy方法，这个方法可以用来清理作用域，但是一般angularjs会自动为我们清理
         $scope.name="覃亮";
      });

我们首先看看$scope内部的签名是怎么样的:

注意：很显然可以看到每一个scope都具有一个id，同时我们还要注意，每一个$scope属性都有一个$destroy方法。最后，我们也必须弄清楚，在angulerjs中指令通常不会创建$scope，然后ng-controller和ng-repeat还是会创建的。至于每一个内部参数的详细信息参见AngularJS 源码分析2

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!