02、angularjs的使用和品牌页面分页查询、增删改查的功能实现

angularjs的使用

使用angularJs需要在body标签中声明np-app

如果使用自定义的app，需要将app写在script标签中，如：ng-app=“名称”
如果使用自定义的controller，需要将自定义的controller写在body标签中，如：ng-controller=“brandController”
指定某个属性的默认值，在body标签中使用init，如：ng-init=“属性名=‘默认属性值’”

分页显示的配置中，onchange指的是页面变更就会调用的方法，所以不再init中指定方法，在onchange中指定，在页面发生变化时（如加载或者刷新）都会自动调用。

修改时，使用ng-model回显，不使用values

常用的指令标签：

1、ng-app：告诉Angular他应该管理页面的那一部分
例如：

2、ng-controller:控制器，通过在body标签上包含一个控制器，则可以管理body标签之间的任何东西，也可以放在div上，来控制这一个div上的任何东西

例如：

3、ng-repeat:数组中每个元素进行for循环

4、{{…}}：将变量的值插入到页面某部分和保持同步

5、ng-model=’…’:创建了输入字段和…的数据绑定，{{…}}建立的是单向的联系

6、ng-click：点击事件

7、ng-bind：与{{…}}等价

8、ng-change:change事件

/以下全部代码实现页面加法/

<script>
	var app = angular.module('pinyougou',[])
	
	app.controller('brandController',function($scope){
		$scope.add=function(x,y){
		  $scope.z = Number($scope.x)+ Number($scope.y);
		}
	})
</script>

{{100+200}}
+ = 计算 {{z}}
{{x}} {{y}}

/以上全部代码实现页面加法/

品牌页面实现分页

首先引入的app中有分页pagination控件
在页面中引入js文件

在页面中添加分页条的配置

分页查询controller在baseController.js文件中

需要在后端传入pageNo,和pageSize两个参数。

其他类似配置参看04。