Tag: angularjs

使用Jquery Datatable和AngularJs

我想在我的angularjs项目中使用jQuery数据表插件 。 但我的问题是它是否支持angularjs的延迟加载的价值? 我想因为我有很多行。 如何使用angularjs使用数据表pipe道 。 这里有一个分页的解决scheme。 如何使用angularjs解决scheme?

如何从任何地方closuresAngular UI Modal

我正在使用Angular UI引导模式对话框并在服务中创build它: myApp.factory('ModalService', ['$modal', function($modal) { return { trigger: function(template) { $modal.open({ templateUrl: template, size: 'lg', controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close($scope.selected.item); }; $scope.cancel = function() { $modalInstance.dismiss('cancel'); }; } }); }, close: function() { // this should close all modal instances } }; }]); 如何从控制器调用ModalService.close()时closures所有的模态实例?

在AngularJS中testing$资源服务

我正在尝试为我的angular度应用程序开始编写unit testing,并且非常快地触发了一个停止块,因为我不确定如何以可testing的方式模拟我的服务。 有没有一种方法来嘲弄REST的呼叫,否则似乎我需要在我的服务内反映我的服务中的一切似乎并不正确,但我是新的testing写作,所以也许这就是它应该如何要完成。 任何帮助将不胜感激。 我的服务如下: angular.module('resources.users', ['ngResource']) .factory('User', function($resource) { var resource = $resource('/api/index.php/users/:username', {}, { 'update': {method: 'PUT'} }); resource.getUser = function(username, successCb) { return resource.query({username: username}, successCb); }; return resource; }); 我的testing到目前为止: describe('User', function() { var mockUserResource; beforeEach(module('resources.users')); beforeEach(function() { mockUserResource = sinon.stub({ getUser: function(username) { mockUserResource.query({username: username}); }, query: function() {} }); […]

如何正确使用AngularJS中的HTTP.GET? 具体而言,对于外部API调用?

我在controller.js中有以下代码, var myApp = angular.module('myApp',[]); myApp.service('dataService', function($http) { delete $http.defaults.headers.common['X-Requested-With']; this.getData = function() { $http({ method: 'GET', url: 'https://www.example.com/api/v1/page', params: 'limit=10, sort_by=created:desc', headers: {'Authorization': 'Token token=xxxxYYYYZzzz'} }).success(function(data){ return data }).error(function(){ alert("error"); }); } }); myApp.controller('AngularJSCtrl', function($scope, dataService) { $scope.data = dataService.getData(); }); 但是,我想我可能犯了与CORS有关的问题。 你能指点一下正确的方式来打这个电话吗? 非常感谢!

如何使用angular.js禁用input框

我正在使用此字段的编辑视图和创build视图 <input data-ng-model="userInf.username" class="span12 editEmail" type="text" placeholder="me@example.com" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required /> 在控制器中我有这个代码来禁用input元素: function($rootScope, $scope, $location, userService) { //etc $(".editEmail" ).attr("disabled", disable); // no idea how to do in angular } 请帮忙。

AngularJS的ui-router中没有URL的状态参数

我正在使用ui-router在AngularJS应用程序中表示状态。 在这里我想改变状态而不改变URL(基本上“更新详细信息”,但这不应该影响URL)。 我使用<a ui-sref="item.detail({id: item.id})">来显示详细信息,但是这只有在我的$stateProvider指定一个类似url: "/detail-:id" 。 在我看来,目前的状态只是通过URL来定义的。

AngularJS – 在ng-repeat中过滤未定义的属性?

对于我的AngularJS项目(v1.2.3),我有一个路由列表,并试图从对象build立一个导航栏。 我想要做的是用一种样式显示具有未定义的isRight属性的任何对象,并在另一个样式中定义该属性。 在一个ng-repeat我想用一个未定义的isRight属性过滤这些对象。 我怎么能在ng-repeat属性里面完成这个,而不必求助于创build一个自定义的filter函数呢? $scope.nav = [ { path: '/', title: 'Home' }, { path: '/blog', title: 'Blog' }, { path: '/about', title: 'About' }, { path: '/login', title: 'Login', isRight: true } ]; 我意识到我可以将属性isRight: false添加到每个对象,或者有单独的导航对象的右侧和左侧链接,以及其他这样的简单解决方法,但我很好奇,如果有一种方法来完成与当前结构,使用以下方面的东西: <li ng-repeat="link in nav | filter:{isRight:undefined}"> 这是一个比需求更好奇,但我感谢任何build议。

Angular.js ng-repeat过滤属性具有多个值之一(值的OR)

是否有可能过滤一个对象数组,使得属性的值可以是几个值(OR条件)中的任何一个,而无需编写自定义filter 这与这个问题类似 – Angular.js ng-repeat:单个字段过滤 但是,而不是 <div ng-repeat="product in products | filter: { color: 'red' }"> 是否有可能做这样的事情 <div ng-repeat="product in products | filter: { color: 'red'||'blue' }"> 以下是一个样本数据 – $scope.products = [ { id: 1, name: 'test', color: 'red' }, { id: 2, name: 'bob', color: 'blue' } /*… etc… */ ]; 我没有成功尝试 <div ng-repeat="product […]

如何在AngularJS中总结两个字段并将结果显示在标签中?

我的页面上有一个情况。 我在页面中有两个input和一个标签。 这些标签必须显示这两个input值的总和。 所以我试着下面的解决scheme Sub-Total <input type="text" ng-model="Property.Field1" /> Tax <input type="text" ng-model="Property.Field2" /> Total <label>{{ Property.Field1 + Property.Field2 }}</label> 第一次,当页面被全部加载时,标签显示总和,但是当我在任何input中键入一些值时, 这些soution给我一个Property.Field1和Property.Field2的CONCATENATION结果,而不是总和 。 所以我尝试了这些: Sub-Total <input type="text" ng-model="Property.Field1" /> Tax <input type="text" ng-model="Property.Field2" /> Total <label>{{ parseFloat(Property.Field1) + parseFloat(Property.Field2) }}</label> 再也没有成功。 我怎么能达到标签中显示的两个input的总和结果?

$ sce.trustAsResourceUrl()全局

我怎样才能做到这一点: $sce.trustAsResourceUrl('URL_HERE'); 在全球范围内,像在主要的应用程序的config()或run()函数,以便任何具有URL_HERE iFrames,img src URL_HERE可以工作? Docs在解释这个方面相当贫穷。