javascript

java

python

c#

node.js

android

reactjs

c++

php

jquery

html

css

git

ruby-on-rails

.net

ios

sql

c

string

ruby

angularjs-在自定义事件上启用angular-ui工具提示

我正在尝试使用angular-ui的工具提示功能向用户显示特定字段无效,但似乎只能在某些预定义的触发器上显示该工具提示。 除了那些触发器之外,还有什么方法可以触发工具提示?

例如:

<input
    type="text"
    tooltip="Invalid name!"
    tooltip-position="right"
    tooltip-trigger="myForm.username.$invalid">
trans by 2019-10-09T18:12:23Z

javascript-如何使用ui-router为AngularJS提取查询参数?

如何使用ui-router for AngularJS提取查询参数?

在AngularJS自己的$location服务中,我做到了:

($ location.search())。uid

从URL中提取参数uid。 ui-router的对应代码是什么?

trans by 2019-10-07T12:15:25Z

javascript-角度ui路由器滚动到顶部,而不是ui-vi

我刚刚从<ui-view autoscroll="false">;升级到了$uiViewScrollProvider.useAnchorScroll();,我注意到当状态改变时,滚动位置跳到新状态下的子项viewport的顶部。

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

1)我在页面顶部和$uiViewScrollProvider.useAnchorScroll();之间填充了30px的空白,我希望它滚动到页面顶部,并留出间隔。 目前,它正好到达了<ui-view autoscroll="false">;的顶部,看上去很难看。 为此,我想我要么需要知道如何使其滚动到ui视图所在的div顶部(而不是浏览器viewport),要么我需要找出如何覆盖$uiViewScroll才能滚动至 ui-view减去30px。

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

2)它目前实际上并没有滚动,只是跳了起来。 是否应该滚动或由CSS转换由开发人员来完成?

任何帮助将不胜感激:)

trans by 2019-10-02T14:00:15Z

javascript-当用户使用UI-Rou过渡到其父状态时,将其定向到子状态

考虑以下:

.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子状态?

trans by 2019-09-23T00:35:57Z

angularjs-带有angular-ui引导程序的响应下拉导航栏(以正确的角度方式完成)

我使用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!

那么向我现有的导航栏添加响应行为的正确角度方式是什么?

我显然需要使用引导响应的navbar类,例如“ nav-collapse折叠navbar-响应-折叠”。 可是我不知道

非常感谢您的帮助!

先感谢您!迈克尔

trans by 2019-09-21T19:47:46Z

angular ui - 如何将AngularUI与AngularJS集成?

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

trans by 2019-09-18T04:01:04Z

angularjs - 如何防止angular-ui模态关闭?

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

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

如何阻止模态关闭?

trans by 2019-09-15T10:01:55Z

angular ui - 如何检测方向内的当前状态

我正在使用AngularUI的路由,我想做ng-class="{active: current.state}",但我不确定如何在这样的指令中准确检测当前状态。

trans by 2019-09-01T16:11:33Z

angularjs - 你可以覆盖Angular UI Bootstrap中的特定模板吗?

我很好奇是否有办法覆盖ui-bootstrap-tpls文件中的单个特定模板。 绝大多数默认模板都符合我的需求,但有一些特定的模板我想要更换而不经历抓取所有默认模板并将它们连接到非tpls的整个过程 版。

trans by 2019-08-28T19:43:20Z

angularjs - selectMatch上的angular ui-bootstrap typeahead回调?

我使用了角度ui-bootstrap typeahead,我想用它作为一种方法来获取很多选择,因此我需要在启动selectMatch方法时获取所选值,但我可以&#39 ;在我的控制器中找到如何做到这一点

<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{selected| json}}</pre>
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue">

如果我看到所选的值,每按一次键我都会得到更改...

scope.$watch('selected', function(newValue, oldValue) {... });

我知道方法selectMatch是当用户按回车或点击列表时调用的方法,但我不知道如何回调...

谢谢 !

trans by 2019-08-19T03:26:29Z

angularjs - 否则在StateProvider上

使用angular-ui-router,如何在$ stateProvider上使用其他方法或者我该如何使用它?

trans by 2019-08-09T09:22:20Z

angularjs - 将$ scope注入角度服务函数()

我有一个服务:

angular.module('cfd')
  .service('StudentService', [ '$http',
    function ($http) {
    // get some data via the $http
    var path = 'data/people/students.json';
    var students = $http.get(path).then(function (resp) {
      return resp.data;
    });     
    //save method create a new student if not already exists
    //else update the existing object
    this.save = function (student) {
      if (student.id == null) {
        //if this is new student, add it in students array
        $scope.students.push(student);
      } else {
        //for existing student, find this student using id
        //and update it.
        for (i in students) {
          if (students[i].id == student.id) {
            students[i] = student;
          }
        }
      }
    };

但是当我拨打index.html时,我无法访问$scope,并获得ReferenceError: $scope is not defined.所以逻辑步骤(对我而言)是提供244(随着$scope),因此我还必须提供/注入它 service.所以,如果我这样做:

  .service('StudentService', [ '$http', '$scope',
                      function ($http, $scope) {

我收到以下错误:

错误:[$ injector:unpr]未知提供者:$ scopeProvider&lt; - $ scope&lt; -   StudentService

错误中的链接(哇哇哇!)让我知道它与注入器相关,并且可能与js文件的声明顺序有关。 我已经尝试在index.html重新排序它们,但我认为它更简单,例如我注入它们的方式。

使用Angular-UI和Angular-UI-Router

trans by 2019-07-22T21:41:32Z

javascript - Angular ui-rou中$ state.transitionTo()和$ state.go()之间的区别

在AngularJS中,我看到有时我们使用$state.transitionTo(),有时我们使用$state.go().有人可以告诉我它们之间的差异以及何时应该使用另一个?

trans by 2019-07-21T01:49:49Z

angularjs - 在Angular UI-Bootstrap中“解散”模态和“关闭”模态有什么区别?

“解雇”模态和“关闭”模态有什么区别?

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
trans by 2019-06-24T22:57:54Z

angularjs - 如何通过$ http将angular-ui的typeahead与服务器绑定以进行服务器端优化?

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

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

trans by 2019-06-14T02:52:47Z

javascript - 使用UI-Rou转换到父状态时将用户定向到子状态

考虑以下:

.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子状态?

trans by 2019-06-01T03:59:51Z

angular ui - 动态设置ui-sref Angularjs的值

我搜索了一个类似的问题,但出现的问题似乎略有不同。我试图动态更改链接的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属性的超链接来使其工作。

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

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

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) {
app.directive('hyperLink', function () {

    return {
        restrict: 'E',
        templateUrl: '/Client/app/templates/directives/hyperLink.html',
        link: function (scope, element, attrs) { }
    }

})

超链接模板

<div>
    <button ui-sref="form.{url}}">Next Section</button>
</div>
trans by 2019-05-22T04:13:46Z

angularjs - 具有angular-ui bootstrap的响应式下拉导航栏(以正确的角度方式完成)

我使用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”。 但我不知道怎么......

我真的很感谢你的帮助!

先感谢您!迈克尔

trans by 2019-04-17T19:37:38Z

angular ui - 如何将AngularUI与AngularJS集成?

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

trans by 2019-04-14T11:23:10Z

angularjs - 如何防止angular-ui模态关闭?

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

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

如何阻止模态关闭?

trans by 2019-03-29T14:30:49Z

1 2 下一页 共2页