angularJS动态表到选项卡

时间:2015-05-20 13:35:42

标签: javascript html angularjs twitter-bootstrap

我正在开始angularJS。对于我的公司,我需要创建一个票务模块,以便从我的数据库中恢复现有票证,创建新票证等等。

我决定使用angularJS和Firebase。 目前,我已经使用ui bootstrap tabset添加了我的标签。它工作正常。 但我想在这些标签中创建一个动态表来收集我的票。

这是我目前的代码:

demandescpm.js

angular.module('srpTicketingApp')
.controller('DemandescpmCtrl', function ($scope, $window) {
$scope.awesomeThings = [
    'HTML5 Boilerplate',
    'AngularJS',
    'Karma'
];
$scope.tabs = [
    { title:'Ticket à traiter', content:'Tab for displaying the untreated tickets' },
    { title:'Tickets non lus', content:'Tab for displaying the unread tickets' },
    { title:'Mes tickets et tickets suivis', content:'Tab for displaying the follow\'s tickets' },
    { title:'Nouveau ticket', content:'Tab for creating new tickets' },
    { title:'Paramètres', content:'Tab for creating and displaying new categories & subcategories' },
    { title:'Recherche', content:'Tab for searching tickets' },
    { title:'Statistiques', content:'Tab to see Wallboard CPM' }
];'

demandescpm.html

<div ng-controller="DemandescpmCtrl">
<tabset>
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active">
        {{tab.content}}
    </tab>
</tabset>

目前看来是什么样的:

http://i.stack.imgur.com/HYsgE.png

是否可以将我的表格动态添加到我的标签内容中以恢复票证,或者我是否以当前代码开始错误的方式?

提前致谢,如果我的英语不好但很抱歉,这不是我的母语:)

0 个答案:

没有答案