Tag: angularjs

如何在AngularJs中设置全局http超时

我知道我可以每次都设置一个超时时间: $http.get('path/to/service', {timeout: 5000}); …但我想设置一个全局超时,让我的代码干。

基于空闲用户使用Angularjs自动注销

是否有可能确定用户是否处于非活动状态,并在使用angularjs说10分钟不活动后自动注销? 我试图避免使用jQuery,但我找不到任何教程或文章如何在angularjs中做到这一点。 任何帮助,将不胜感激。

通过expression式理解ngRepeat'track'

我很难理解如何通过在angularjs中的ng-repeatexpression式的轨迹工作。 文档非常稀less: http : //docs.angularjs.org/api/ng/directive/ngRepeat 你能解释一下这两段代码之间的区别在于数据绑定和其他相关方面吗? track by $index : track by $index <!–names is an array–> <div ng-repeat="(key, value) in names track by $index"> <input ng-model="value[key]"> </div> 没有(相同的输出) <!–names is an array–> <div ng-repeat="(key, value) in names"> <input ng-model="value[key]"> </div>

如何删除angular-ui-router URL中的“#”号

我正在使用angular-ui-router库,并且对URL有问题。 我有以下代码: app.js: app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('state', { url: '/state', templateUrl: 'templates/state.html', onEnter: function () { /*… code …*/ } })}); index.html的: <a href="#/state">STATE</a> 这工作,但是当我从<a>标记删除'#'这不起作用。 如何从URL中删除“#”号?

什么是AngularJS创build全局键盘快捷键的方法?

我想我应该使用指令,但是将伪指令添加到body看起来很奇怪,但在文档上侦听事件。 什么是正确的方法来做到这一点? 更新:发现AngularJS用户界面,看到他们的keypress指令的实现。

使用JavaScript在AngularJS Bootstrap UI中调用模态窗口

使用这里提到的例子,我怎样才能调用模式窗口使用JavaScript而不是点击一个button? 我是AngularJS的新手,并试图在这里和这里search文档,没有运气。 谢谢

Angular-ui-router:ui-sref-活动和嵌套状态

我在我的应用程序中使用angular-ui-router和嵌套状态,我也有一个导航栏。 导航栏是手写的,并使用ui-sref-active来突出显示当前状态。 这是一个两级导航栏。 现在,当我在,说Products / Categories我希望两个Products (在1级)和Categories (在2级)突出显示。 但是,使用ui-sref-active ,如果我处于Products.Categories状态,那么只会突出显示该状态,而不是Products 。 有什么方法可以让Products在这个状态下突出显示?

validation单选buttonAngularJS

这似乎应该是相当容易的,但我没有find答案。 我有一个表格,我需要validation一个广播组的select。 我尝试使用单选button上的'required'属性,但是当表单被validation时,它会抱怨,除非所有的单选button被选中(这在devise中是不可能的)。 在AngularJS中validation广播组select的正确方法是什么? <form name="myForm" ng-submit="submitForm()" ng-controller="ExampleController"> <input type="radio" ng-model="color" value="red" required> Red <br/> <input type="radio" ng-model="color" value="green" required> Green <br/> <input type="radio" ng-model="color" value="blue" required> Blue <br/> <tt>color = {{color | json}}</tt><br/> <button type="submit">Submit</button> </form> 点击Plnkr中的提交button显示行为。

模型状态应存储在Angular.js中

我发现Angular的模型使用混乱。 Angular似乎采取了一种模式可以是任何你喜欢的方式 – IE Angular不包括一个明确的模型类,你可以使用vanilla JavaScript对象作为模型。 在我看到的几乎每个Angular示例中,模型实际上都是一个对象,无论是由手工创build的,还是通过资源的API调用返回的。 因为几乎所有我看过的Angular示例都很简单,通常在$ scope中存储在控制器中的模型数据以及与模型相关的任何状态(例如select)也存储在控制器的$ scope中。 这对于简单的应用程序/示例来说工作得很好,但是当应用程序变得更加复杂时,这看起来很简单。 例如,存储在控制器中的模型状态有可能变为上下文,并且如果上下文改变则丢失。 存储selectedGallery和selectedPhoto控制器只能存储全局selectedImage ,而不是每个图库的selectedPhoto 。 在这种情况下,为每个图库使用一个控制器可能会否定这个问题,但是从UI的angular度来看,这样做看起来很浪费,可能是不适当和不必要的。 Angular对模型的定义似乎更接近于我认为VO / DTO是在服务器和客户端之间传递的哑对象。 我的本能就是将这样一个对象包裹在我认为是一个模型的类中 – 一个维护与DTO / VO相关的状态的类(比如select),根据需要提供增变器来操纵DTO / VO,并通知剩下的应用对底层数据的修改。 很明显,Angular的绑定很好地处理了最后一部分,但是我仍然看到前两个职责的强大用例。 然而,我并没有真正看到这个模式在我看过的例子中使用,但我也没有看到我会考虑一个可扩展的替代scheme。 Angular似乎暗中鼓励使用服务作为模型通过强制单身人士(我知道有办法解决这个问题,但似乎并没有广泛使用或批准)。 那么我应该如何保持模型数据的状态呢? [编辑]在这个问题的第二个答案是有趣的,接近我目前使用的。

AngularJS – 如何以编程方式创build一个新的,隔离的作用域?

我想用Angular.factory创build一个AlertFactory。 我如下定义了一个html模板 var template = "<h1>{{title}}</h1>"; 标题由呼叫控制器提供并应用如下 var compiled = $compile(template)(scope); body.append(compiled); 那么,我怎样才能把控制器的隔离范围传给工厂呢? 我正在使用控制器跟踪代码 AlertFactory.open($scope); 但$ scope是全局控制器范围variables。 我只是想通过一个只有标题属性的工厂小范围。 谢谢。