angularjs入门

当前位置:首页>AngularJS>angularjs入门>AngularJs 在线教程 控制器 入门教程 开发指南 学习

AngularJs 在线教程 控制器 入门教程 开发指南 学习

时间:2015-08-07 16:48来源:网络整理 作者:KKWL 点击:
AngularJS入门教程:控制器 一、第一种控制器: {{name}} 本节课程源码: {{name}} function FirstCtrl($scope){$scope.filterList=['currency','date','filter','json','limitTo', 'lowercase', 'number', 'orderBy', 'uppercase'];

AngularJS入门教程:控制器

一、第一种控制器:

  • {{name}}
  • 本节课程源码:
  • {{name}}
  • function FirstCtrl($scope){ $scope.filterList=['currency','date','filter','json','limitTo', 'lowercase', 'number', 'orderBy', 'uppercase']; }

    二、第二种控制器:
    数据过滤:

  • {{$index+1}}、今年{{info.name}}已经{{info.age}}岁了! {{$first}}-{{$middle}}-{{$last}}-{{$even}}-{{$odd}}
  • 本节课程源码:
  • ↔$index+1}}、今年↔info.name}}已经↔info.age}}岁了! ↔$first}}-↔$middle}}-↔$last}}-↔$even}}-↔$odd}}
  • var app = angular.module('NameApp', ['ngAnimate']); app.controller("SecondCtrl", function($scope){ $scope.names = [ {name: 'a乔乐', age:'25'}, {name: 'b周迅', age:'40'}, {name: 'c魏瑞', age:'25'}, {name: 'd展昭', age:'98'} ]; });

    三、第三种控制器:
    数据过滤:

  • {{$index+1}}、今年{{info2.name}}已经{{info2.age}}岁了! {{$first}}-{{$middle}}-{{$last}}-{{$even}}-{{$odd}}
  • 本节课程源码:
  • ↔$index+1}}、今年↔info.name}}已经↔info.age}}岁了! ↔$first}}-↔$middle}}-↔$last}}-↔$even}}-↔$odd}}
  • var app = angular.module('NameApp', ['ngAnimate']); var controllers = {}; controllers.ThirdCtrl = function($scope){ $scope.names = [ {name: 'e乔乐', age:'25'}, {name: 'f周迅', age:'20'}, {name: 'g魏瑞', age:'25'}, {name: 'h展昭', age:'52'} ]; } // controller.FourthCtrl = function... app.controller(controllers);

    ------分隔线----------------------------