标签: angular-ui

我在我的项目中使用Angular UI $ modal http://angular-ui.github.io/bootstrap/#/modal

我不希望用户通过按背景来关闭模态.我想只能通过按下我创建的关闭按钮来关闭模态.

如何阻止模态关闭？

抱歉这个愚蠢的问题,大家都知道如何开始使用AngularUI吗？我从Github下载了它并阅读README中的说明但仍然不明白我必须做什么.

我搜索了一个类似的问题,但出现的问题似乎略有不同.我试图动态更改链接的ui-sref =''(此链接指向向导表单的下一部分,下一部分取决于在下拉列表中进行的选择).我只是试图根据选择框中的一些选择设置ui-sref属性.我可以通过绑定到在进行选择时设置的范围属性来更改ui-sref.但是链接不起作用,这有可能吗？谢谢

  <a ui-sref="form.{{url}}" >Next Section</a>

然后在我的控制器中,我以这种方式设置url参数

switch (option) {
  case 'A': {
    $scope.url = 'sectionA';
  } break;
  case 'B': {
    $scope.url = 'sectionB';
  } break;
}

或者,我使用指令通过根据在选择框(下拉列表)上选择的选项生成具有所需ui-sref属性的超链接来使其工作.

无论如何这意味着每次从选择框中选择不同的选项时我必须重新创建链接,这会导致不希望的闪烁效果.我的问题是,是否有可能通过改变控制器中url的值来改变ui-sref的值,因为我试图在上面做,或者我每次选择时都必须使用指令重新创建整个元素就像我在下面做的那样？(只是为了完整性而显示)

选择选项指令(该指令生成链接指令)

define(['app/js/modules/app', 'app/js/directives/hyperLink'], function (app) {
app.directive('selectUsage', function ($compile) {

    function createLink(scope,element) {
        var newElm = angular.element('<hyper-link></hyper-link>');
        var el = $(element).find('.navLink');
        $(el).html(newElm);
        $compile(newElm)(scope);
    }

    return {

        restrict: 'E',
        templateUrl: '/Client/app/templates/directives/select.html'

        ,link: function (scope, element, attrs) {

            createLink(scope, element);

            element.on('change', function () {
                createLink(scope,element);
            })
        }
    }
})

超链接指令

define(['app/js/modules/app'], function (app) …

我使用angular-ui-boostrap的模块"ui.bootstrap.dropdownToggle"创建了一个带下拉导航栏的JSFiddle:http://jsfiddle.net/mhu23/2pmz5/

<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
    <div class="container"> <a class="brand" href="#">
                My Responsive NavBar
            </a>

        <ul class="nav">
            <li class="divider-vertical"></li>
            <li class="dropdown"> <a href="#" class="dropdown-toggle">
                        Menu 1 <b class="caret"></b>
                    </a>

                <ul class="dropdown-menu">
                    <li><a href="#/list">Entry 1</a>
                    </li>
                    <li><a href="#/list">Entry 2</a>
                    </li>
                </ul>
            </li>
          ....
        </ul>
    </div>
</div>
</div>

据我所知,这是实现这种下拉菜单的正确,有棱角的方式.就angularjs而言,"错误"的方式是包括bootstrap.js并使用"data-toggle ="dropdown"......我在这里吗？

现在我想在我的导航栏中添加响应行为,如下面的小提琴:http: //jsfiddle.net/ghtC9/6/

但是,我不喜欢上述解决方案.这家伙包括bootstrap.js!

那么将响应行为添加到现有导航栏的正确角度方式是什么？

我显然需要使用bootstraps响应式导航栏类,例如"nav-collapse collapse navbar-responsive-collapse".但我不知道怎么......

我真的很感谢你的帮助!

先感谢您!迈克尔

考虑以下:

.state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'})
.state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'})
  .state('manager.staffDetail.view', {url:'/view',  templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}})
  .state('manager.staffDetail.edit', {url:'/edit',  templateUrl: 'views/staff.edit.html', data:{activeMenu: 'staff'}})

如果我去domain.com/staff/1234/view,我如何默认为manager.staffDetail.view.schedule子状态？

"解雇"模态和"关闭"模态有什么区别？

close(result) - a method that can be used to close a modal, passing a result
dismiss(reason) - a method that can be used to dismiss a modal, passing a reason

我正在尝试使用$ state.go函数实现"在新选项卡中打开链接"功能.如果有像这样的smth会很棒:

$state.go('routeHere', {
    parameter1 : "parameter"
    }, {
    reload : true,
    newtab : true // or smth like target : "_blank"
});

有没有办法用AngularJS做到这一点？

typeahead示例(http://angular-ui.github.io/bootstrap/#/typeahead)提到在这个自动完成中实现后端很容易,但没有提供任何示例.特别感兴趣的是找出当前输入的字符串,以便我可以将其发送到服务器并发送回已经过滤的结果 - 我想在服务器端执行此优化并最小化我的查询,我不认为返回对于在数据库中具有超过200,000个条目的应用程序,整个结果集以及仅排除不匹配的项目以供显示是可行的.

在这种情况下,我是否应该完全忘记预先输入并使用下拉列表实现自定义解决方案,还是有办法轻松完成此操作？

首先,我不是专业人士.

在我成为更好的开发人员的过程中,我正在努力了解需要什么,以及如何为Ionic-Framework应用程序创建注册/登录.

大多数单页面应用程序(SPA)在节点服务器上处理身份验证,该服务器也为客户端提供HTML.在我的情况下,手机本身将提供HTML,所以我猜我可能会遇到一些COR问题.

我知道Ionic-Framework使用状态和基于angular-client-side-auth repo我应该在我改变应用程序中的状态时进行身份验证.

我有一个初始的应用程序设置但现在我有点困惑从这里去.

我拥有的工具:

• Node.JS Server -Thanks DigitalOcean(我应该使用它作为我的数据库的代理吗？)
• CouchDB服务器(我们来这里是完整堆栈)

我的问题:

1. 使用混合应用程序时进行身份验证的标准方法是什么？
2. 我应该使用Node.JS作为数据库的代理吗？
3. 我应该跳过node.js并直接使用CouchDB服务器进行身份验证吗？(我听说过这个)
4. 我是怎么回事呢？
5. 我的潜在障碍是什么？
6. CORS如何与混合应用程序配合使用？
7. 我缺少什么？

感谢您帮助我成为更好的开发人员.

我刚刚升级到ui-router 0.2.8了0.2.0,我注意到当状态改变时,滚动位置会跳到te状态的顶部,ui-view这是新状态的主题.

这很好,但我有两个问题:

1)我在页面顶部和之间有30px填充ui-view,我希望它滚动到页面顶部,留下间隙.目前,它正好位于ui-view看起来丑陋的顶部.为了实现这一点,我想我要么知道如何让它滚动到ui-view所在的div的顶部(而不是浏览器viewport),或者我需要找出如何覆盖$uiViewScroll以滚动到ui-view减去30px .

我试过$uiViewScrollProvider.useAnchorScroll();但如果我这样做它根本不滚动.我也尝试过<ui-view autoscroll="false">;,它也完全停止了滚动.

2)此刻它实际上并不滚动,只是跳跃.它是假设要滚动还是由开发人员来完成CSS转换？

任何帮助真的很感激:)