angular实现的面板组件

来源:互联网 发布:linux简单管道 编辑:程序博客网 时间:2024/06/05 22:47

先上图。

因本人水平有限,不足之处还望指正。

<!DOCTYPE HTML><html ng-app="myapp"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><title>Index</title><script type="text/javascript" charset="utf-8" src="angular.min.js"></script></head><body ng-controller="Controller as con"><ul><li ng-click="con.changeHidden()">数学<div ng-show="con.hidden"><p>数学1</p><p>数学2</p><p>数学3</p></div></li></ul><script type="text/javascript" charset="utf-8">angular.module("myapp",[]).controller("Controller",[function(){var self = this;self.hidden = false;self.changeHidden = function(){self.hidden = !self.hidden;};}]);</script></body></html>


0 0
原创粉丝点击