Javascript 结合AngularJS和Twitter引导的最佳方式_Javascript_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap_Angular Strap

Javascript 结合AngularJS和Twitter引导的最佳方式

javascript angularjs twitter-bootstrap

Javascript 结合AngularJS和Twitter引导的最佳方式,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,angular-strap,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,Angular Strap,我想将AngularJS和Twitter引导结合到一个新的web应用程序中。好像是然而，仔细看，这些指令似乎并没有涵盖所有引导。我可以将AngularUI引导代码与原始引导代码结合起来以获得完整性吗？首先能做到吗我无意中发现了另一个叫做。我能把这三个结合起来吗结合AngularJS和Twitter引导以获得完整性的最佳方法是什么通常，引导的CSS部分与AngularJS的工作方式完全相同，就像它与引导JavaScript的工作方式一样。因此，只要您只想使用引导CSS，就不必考虑它对于几

我想将AngularJS和Twitter引导结合到一个新的web应用程序中。好像是

然而，仔细看，这些指令似乎并没有涵盖所有引导。我可以将AngularUI引导代码与原始引导代码结合起来以获得完整性吗？首先能做到吗

我无意中发现了另一个叫做。我能把这三个结合起来吗

结合AngularJS和Twitter引导以获得完整性的最佳方法是什么

通常，引导的CSS部分与AngularJS的工作方式完全相同，就像它与引导JavaScript的工作方式一样。因此，只要您只想使用引导CSS，就不必考虑它

对于几乎所有的引导JavaScript功能，AngularUI提供了另一种方法。例如，导航栏通常只与CSS一起工作，因此只需查看引导文档并实现它。如果需要导航栏的一些响应功能，则需要

折叠

指令；有关示例，请参见此处：

因此，如果你认为AngularUI中缺少了什么，你能不能更具体地说“还不足以涵盖整个Twitter引导”？我不认为存在普遍的差距

此外，是最成熟的图书馆的任务。因此，如果您认为缺少一些功能，我强烈建议您对其进行修补并发出请求。

可以通过编写自己的Angular指令来组合代码，该指令生成具有引导类的HTML。我正在开发一个类似的web应用程序，该应用程序将引导与Angular相结合。我在那里做的事情是这样的：

app.directive('trackerMenu', function(){
    return {
        restrict: 'E',
        templateUrl: "partials/menu.html"
    };
});

<body ng-class="togglePadding()" ng-controller="RootCtrl">
    <tracker-menu></tracker-menu>
</body>

而menu.html的内容是：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" ng-show="auth">
<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand">Issue Tracker</a>
        <ul class="nav navbar-nav">
            <li class='toggleable'>
                <a ng-click="navigate('dashboard')"><i class="fa fa-home"></i>Dashboard</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('tasks')"><i class="fa fa-tasks"></i>Tasks</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('bugs')"><i class="fa fa-bug"></i>Bugs</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('statistics')"><i class="fa fa-bar-chart-o"></i>Statistics</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('team')"><i class="fa fa-users"></i>Team</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('profile')"><i class="fa fa-user"></i>Profile</a>
            </li>
            <li class='toggleable'>
                <a ng-click="navigate('settings')"><i class="fa fa-cog"></i>Settings</a>
            </li>
        </ul>
        <form class="navbar-form navbar-left" role="search">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search">
                <span class="input-group-addon"><i class="fa fa-search"></i></span>
            </div>
        </form>
        <ul class="nav navbar-nav">
            <li>
                <a ng-click="logout()"><i class="fa fa-power-off"></i>Logout</a>
            </li>
        </ul>
    </div>
</div>
</nav>


问题追踪器


仪表板


任务


漏洞


统计


团队


轮廓


设置




注销

指令是这样使用的：

app.directive('trackerMenu', function(){
    return {
        restrict: 'E',
        templateUrl: "partials/menu.html"
    };
});

<body ng-class="togglePadding()" ng-controller="RootCtrl">
    <tracker-menu></tracker-menu>
</body>

基本上，我的指令所做的是将引导导航条插入页面。
角度引导条支持导航条，根据经验，您可以将ui引导条与角度引导条按模块混合使用。这两个项目都允许您为自定义构建注入其组件，如下所示：

angular.module('myApp', [ 'mgcrea.ngStrap.modal', 'mgcrea.ngStrap.aside', 'ui.bootstrap.popover' ]);

然而，它们可以也将相互冲突。也就是说，在同一个项目中不能有ui引导模式和角度引导模式。此外，两个项目中的某些指令依赖于其他模块，例如，角度带日期选择器依赖于工具提示指令
我看不到navbar得到支持。但是我想这个库应该是最成熟的，因为大多数人都使用它。我强烈不同意你说的ui引导是最成熟的项目。你的项目充其量也就是一团糟。你的API很糟糕，一般来说，我觉得你的项目很难处理。你们很受欢迎，因为你们是第一个出现在现场并支持angularJS引导的人。AngularStrap有一个更令人愉快的API，总体而言，它提供了一个更令人愉快的编程体验。