<!DOCTYPE html>
<html ng-app='app' ng-controller='mainController'>
<head>
<meta charset="utf-8">
<title ng-bind='mianTitle'></title>
</head>
<body>
<button ng-click='func()'>点我调用controller中的函数</button>
<p ng-show='showFlag'>{{msg}}</p>
<button ng-click='clickHandler()'>测试按钮</button>
<ul>
<li ng-repeat='li_info in infos track by $index' ng-click='li_click($index)'>{{li_lifo}}</li>
</ul>
<script src="angular.js"></script>
<script>
var app = angular.module('app',[]);
app.controller('mainController',['$scope',function($scope){
$scope.mainTitle = 'lessonday5_事件的监听';
$scope.func = function(){
console.log('here is a func');
};
//评论点击隐藏收起功能额
$scope.showFlag = true;//默认显示
$scope.msg = 'here is a test msg';
$scope.li_infos = ['哈哈','啦啊','顶顶'];
$scope.li_click = function (index){//传进来的是第几个元素下标
console.log('点击的li的内容'+$scope.li_infos[index]);
$scope.showFlag = !$scope.showFlag;
};
}]);
</script>
</body>
</html>
浙公网安备 33010602011771号