zoukankan      html  css  js  c++  java
  • angular js模块,angular js控制器

    AngularJS 模块

    创建modle(数据 模块)的方法

    创建模块(angular.module )
    <div ng-app="myApp">...</div>
    <script>
    var app = angular.module("myApp", []); 
    </script>

    AngularJS 控制器 (ng-controller)

    添加控制器(你可以使用 ng-controller 指令来添加应用的控制器: 如下面实例)

    ng-controller 绑定一个控制器,对应控制器起作用的范围

    ng-click   点击绑定事件,触发在$script中声明方法

    $scope 在每创建一个控制器里面生成的参数代表当前控制器起作用的范围他是angular js连接逻辑层与视图层的桥梁,在$scope声明的属性和方法可以在对应视图层的控制器中使用

    app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });

    AngularJS 实例

    <div ng-app="myApp" ng-controller="myCtrl">
    名: <input type="text" ng-model="firstName"><br>
    姓: <input type="text" ng-model="lastName"><br> <br>
    姓名: {{firstName + " " + lastName}} </div>
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope)
    { $scope.firstName= "John"; $scope.lastName= "Doe"; });
    </script>
     
     
    创建方法 和属性
    angular.module("myApp",[]).controller("myCtrl",function($scope) {
    $scope.name="JONE"; //创建添加属性
    $scope.age="17";

    $scope.foo=function(){ //创建添加方法
    alert(111)

    }
    });

    模块化思想
    每一个html面就是对应一个模块,每一个模块里面有很多$scope.controller把整个项目细分工
  • 相关阅读:
    .NetCore教程之 EFCore连接Mysql DBFirst模式
    .Net EF6+Mysql 环境搭建
    SQL实用
    前端文章分享
    mac怎样运行vue项目
    Cadence 操作技巧总结3:拼板技巧总结
    TCL语言控制Modelsim仿真 2
    TCL语言控制Modelsim仿真 1
    Cadence 操作技巧总结2:模块化布局
    Cadence 操作技巧总结1:测试点的生成1
  • 原文地址:https://www.cnblogs.com/yaomengli/p/6811381.html
Copyright © 2011-2022 走看看