<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<!--
案例
ng-click
ng-repeat
ng-repeat="good in goods"
相当于遍历goods数组
数组
控制器
几个的合集
-->
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr><td>商品名</td><td>商品价格</td><td>商品数量</td><td>商品总价</td><td>操作</td></tr>
<tr ng-repeat="good in goods" >
<td>{{good.gname}}</td>
<td>{{good.gprice}}</td>
<td>{{good.gcount}}</td>
<td>{{good.gcount*good.gprice}}</td>
<td><input type="button" value="删除" ng-click="dele($index)"/>
</tr>
</table>
<script type="text/javascript">
//创建模块儿
//angular 将一些功能封装起来形成模块儿
//依赖注入：
//依赖：就是一个类中用到另外一个类的对象
//注入：将一个对象放入另外一个类
var mo = angular.module("myApp",[]);//参数1.应用名 参数2.依赖注入列表
//创建控制器
mo.controller("myCtrl",function($scope){//$scope 作用域，连接视图和数据的纽带
//定义基本数据类型的数组
// $scope.goods=[1,2,3,4,5,6];
//定义元素是对象的数组
$scope.goods=[{"gname":"足球","gprice":200,"gcount":5},{"gname":"蓝球","gprice":1000,"gcount":3}];
//方法
$scope.dele = function($index){
$scope.goods.splice($index,1);
}
});//参数1.控制器的名字 参数2 回调方法
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<!--
案例
ng-click
ng-repeat
ng-repeat="good in goods"
相当于遍历goods数组
数组
控制器
几个的合集
-->
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr><td>商品名</td><td>商品价格</td><td>商品数量</td><td>商品总价</td><td>操作</td></tr>
<tr ng-repeat="good in goods" >
<td>{{good.gname}}</td>
<td>{{good.gprice}}</td>
<td>{{good.gcount}}</td>
<td>{{good.gcount*good.gprice}}</td>
<td><input type="button" value="删除" ng-click="dele($index)"/>
</tr>
</table>
<script type="text/javascript">
//创建模块儿
//angular 将一些功能封装起来形成模块儿
//依赖注入：
//依赖：就是一个类中用到另外一个类的对象
//注入：将一个对象放入另外一个类
var mo = angular.module("myApp",[]);//参数1.应用名 参数2.依赖注入列表
//创建控制器
mo.controller("myCtrl",function($scope){//$scope 作用域，连接视图和数据的纽带
//定义基本数据类型的数组
// $scope.goods=[1,2,3,4,5,6];
//定义元素是对象的数组
$scope.goods=[{"gname":"足球","gprice":200,"gcount":5},{"gname":"蓝球","gprice":1000,"gcount":3}];
//方法
$scope.dele = function($index){
$scope.goods.splice($index,1);
}
});//参数1.控制器的名字 参数2 回调方法
</script>
</body>
</html>