zoukankan      html  css  js  c++  java
  • 38.angular的scope作用域

    转自:https://www.cnblogs.com/best/tag/Angular/

    1.

    Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。

    Scope 是一个对象,有可用的方法和属性。

    Scope 可应用在视图和控制器上。

     

    2.

    当在控制器中添加 $scope 对象时,视图 (HTML) 可以获取了这些属性。

    视图中,你不需要添加 $scope 前缀, 只需要添加属性名即可,如: {{carname}}

    3.

     1 <html>
     2 
     3 <head>
     4     <meta charset="utf-8">
     5     <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
     6 
     7 </head>
     8 
     9 <body>
    10 <!--
    11     <div ng-app="myApp" ng-controller="myCtrl">
    12         <h1>{{carname}}</h1>
    13     </div>
    14     <script>
    15         var app = angular.module('myApp',[]);
    16         app.controller('myCtrl',function($scope){
    17             $scope.carname="Vovvovo"
    18         });
    19     </script>
    20 -->
    21     <div ng-app="myApp" ng-controller="myCtrl">
    22         <input ng-model="name">
    23         <h1>{{greeting}}</h1>
    24         <button ng-click='sayHello()'>点我</button>
    25     </div>
    26     <script>
    27      var app = angular.module('myApp',[]);
    28      app.controller('myCtrl',function($scope){
    29          $scope.name= "Runnobo";
    30          $scope.sayHello = function(){
    31              $scope.greeting="Hello"+$scope.name;
    32          }
    33      });
    34     </script>
    35 </body>
    36 
    37 </html>
  • 相关阅读:
    C# 把类实例保存到文件里(类的序列化和反序列化)
    C# 枚举的初始化
    旋转 3d
    asp.net页面间传值方式
    sql获取当前时间
    SqlServer中循环和条件语句示例!
    SQL Server 代理(已禁用代理 XP)
    JQuery源码实现
    C#计算一段程序运行时间的三种方法
    java开发配套版本
  • 原文地址:https://www.cnblogs.com/sharpest/p/8176213.html
Copyright © 2011-2022 走看看