angular js点击tab中的li标签加载相应div区域
2016-05-25 09:29
691 查看
<ul>
<li ng-click="tab = 1"> item 1</li>
<li ng-click="tab = 2"> item 2</li>
<li ng-click="tab = 3"> item 3</li>
</ul>
<div ng-if="tab == 1"></div>
<div ng-if="tab == 2"></div>
<div ng-if="tab == 3"></div>
app.run(function($rootScope){
$rootScope.tab = 1;//default
})
<li ng-click="tab = 1"> item 1</li>
<li ng-click="tab = 2"> item 2</li>
<li ng-click="tab = 3"> item 3</li>
</ul>
<div ng-if="tab == 1"></div>
<div ng-if="tab == 2"></div>
<div ng-if="tab == 3"></div>
app.run(function($rootScope){
$rootScope.tab = 1;//default
})
相关文章推荐
- AngularJS之Scope及Controller(一)
- AngularJS 表达式
- post, get using Angular 2[Preview]
- Angular 2 index in *ngFor
- angularjs学习记录--使用纯angularjs写的另类瀑布流布局
- AngularJS简介
- AngularJS过滤器
- AngularJS基础语法
- AngularJS 服务(Service)
- AngularJS 前端 MVC 的设计与搭建
- Angularjs分页指令
- angularJs模态框点击空白不隐藏
- js原生写的微博留言板有angularjs效果
- angularjs中的$q
- angular-服务
- angularJs 自定义指令实现星级评分功能
- angularJS 指令封装回到顶部
- angularJS 显示带html的文本
- AngularJs表单验证实例1
- angularJS如何让控制器与控制器进行通信,个人理解。