zoukankan      html  css  js  c++  java
  • $scope作用及模块化解决全局问题

    $scope对象就是一个普通的JavaScript对象,我们可以在其上随意修改或添加属性。
    $scope对象在AngularJS中充当数据模型,但与传统的数据模型不一样,$scope并不负责处
    理和操作数据,它只是视图和HTML之间的桥梁,它是视图和控制器之间的胶水。
    $scope的所有属性,都可以自动被视图访问到

     1 <!DOCTYPE html>
     2 <html ng-app = "myApp">
     3 <head>
     4     <title>Simple app</title>
     5 </head>
     6 <body>
     7     <div ng-controller = "MyController">
     8         <h1>Hello {{name}}</h1>
     9     </div>
    10 <script type="text/javascript" src = "js/angular.js"></script>
    11 <script type="text/javascript" src = "js/app.js">
    12 </script>
    13 </body>
    14 </html>
    View Code

    上面的ng-app对应下面angular.module("myApp", [])中的命名,{{name}}放在$scope下声明变量

    1 var myApp = angular.module("myApp", [])
    2 
    3 myApp.controller('MyController', function($scope) {
    4     $scope.name = "Ari";
    5 });
    View Code
  • 相关阅读:
    JS函数防抖与函数节流
    AJAX问题 XMLHttpRequest.status = 0是什么含义
    通过JS如何获取IP地址
    关于URL编码
    报错Unexpected token u
    css文本超出2行就隐藏并且显示省略号
    At_speed_test
    Logic Bist Arch
    Logic BIST
    DMA-330(二)
  • 原文地址:https://www.cnblogs.com/cing/p/6891781.html
Copyright © 2011-2022 走看看