首页 > Web开发 > 详细

AngularJS tips-2 初始篇

时间:2015-06-24 18:42:48      阅读:289      评论:0      收藏:0      [点我收藏+]

1var phonecatApp = angular.module(‘phonecatApp‘, []);  //在js中创建自定义模块phonecatApp根模块,在<html lang="en" ng-app="phonecatApp">加载。

2phonecatApp.controller(‘PhoneListCtrl‘, function($scope) {}  //在<body ng-controller="PhoneListCtrl">加载control模块。

3ng-app: angular.module(‘phonecatApp‘, []); //根模块

4ng-controller:phonecatApp.controller(‘PhoneListCtrl‘, function($scope) {}

5ng-repeat:<tr ng-repeat="i in [0, 1, 2, 3, 4, 5, 6, 7]">

6ng-model="orderProp" //orderBy:orderProp 按照orderProp的排序方式

7var ListControl=(‘xxxcontroller‘,[‘$scope‘,‘$http‘,function(‘$scope‘,‘$http‘){

    $http.get(‘phones/phones.json‘).success(function(data) {
    $scope.phones = data.splice(0,3);
  });

}]); //从外部数据库中获取数据,这里例举json文件,splice选取0,1,2的共三个数据

8ng-src="{{phone.imageUrl}}"  //用js标记src链接

9route:

ng-view: 占位符,用来加载route引导的页面

var phonecatApp = angular.module(‘phonecatApp‘, [
‘ngRoute‘,
‘phonecatControllers‘
]);

phonecatApp.config([‘$routeProvider‘, function($routeProvider) {  //routeProvider  页面引导功能
  $routeProvider.
  when(‘/phones‘, {
  templateUrl: ‘partials/phone-list.html‘,
  controller: ‘PhoneListCtrl‘  //为不同的页面加载不用的控制器
  })
}]);

AngularJS tips-2 初始篇

原文:http://www.cnblogs.com/xiaoshan-coding/p/4598012.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!