17分布式电商项目 - 模板管理功能（二）

1. 扩展属性

1.增加行 在 typeTemplateController.js 中新增代码

//新增扩展属性行
$scope.addTableRow=function(){
	$scope.entity.customAttributeItems.push({});
}

在 type_template.html 中的“新建”按钮，执行实体的初始化操作

	
 新建

修改“新增扩展属性按钮”

 
 	 新增扩展属性
 

循环表格

		 		  删除
 

2.删除行 实现思路：在每一行将索引值传递给集合，在集合中删除。 修改 typeTemplateController.js 新增以下代码

//删除扩展属性行
$scope.deleTableRow=function(index){
	$scope.entity.customAttributeItems.splice(index,1);//删除
}

修改每行的删除按钮

	 删除

$index 用于获取 ng-repeat 指令循环中的索引。

2.新增模板

修改 type_template.html ，绑定文本框

	模板名称
	 

保存按钮

	保存

3.修改模板

修改 typeTemplateController.js 的 findOne 方法

//查询实体
$scope.findOne=function(id){
	typeTemplateService.findOne(id).success(
		function(response){
			$scope.entity= response;
			$scope.entity.brandIds= 			  JSON.parse($scope.entity.brandIds);//转换品牌列表
            $scope.entity.specIds=JSON.parse($scope.entity.specIds);//转换规格列表
            $scope.entity.customAttributeItems=JSON.parse($scope.entity.customAttributeItems);//转换扩展属性
		}
	);
}

从数据库中查询出来的是字符串，我们必须将其转换为 json 对象才能实现信息的回显。

4.删除模板

修改 type_template.html 表格中的复选框

删除按钮

	 删除