angular tab切换
2016-06-04 00:00
567 查看
摘要: 用angular 的 ng-template实现tab选项卡切换
关于angular的一些优点就不介绍了,感兴趣的可以看一下http://www.zhihu.com/question/22284218。
废话不多说,粗暴点,直接上代码。
关于angular的一些优点就不介绍了,感兴趣的可以看一下http://www.zhihu.com/question/22284218。
废话不多说,粗暴点,直接上代码。
[code=language-javascript]<button ng-click="tab('tab.html')">1</button> <button ng-click="tab('tab1.html')">2</button> <div ng-include="tabs"></div> <script type="text/ng-template" id="tab.html"> tab1 </script> <script type="text/ng-template" id="tab1.html"> tab2 </script> <script type="text/javascript"> var app = angular.module('myApp', []); app.controller('MyController', ['$scope', function($scope){ $scope.tabs = "tab.html"; $scope.tab = function(param){ $scope.tabs = param; } }]) </script>
相关文章推荐
- Backbone与Angular的比较
- angularjs2 学习笔记(六) Form
- AngularJS 学习之路(1)
- angular的那些事
- angular.element()用法
- AngularJS的学习--$on、$emit和$broadcast的使用
- angular中的angular-ngSanitize模块-$sanitize服务
- angular实现window.onload和$(document).ready
- angular中compile和link函数详解
- angular中的factory、service和provider
- AngularJS中的$emit,$broadCast,$on
- angularJs学习笔记
- angularjs filter过滤结果集
- AngularJS的一些定义和理解
- AngularJS之高级Route【三】(八)
- 形象的讲解angular中的$q与promise
- angular中控制器之间的传值该怎么实现?
- angular controller的一些用法
- 走进AngularJs(七) 过滤器(filter) - 吕大豹
- 第十三章 依赖注入(DI)