Tag: angularjs

Angular ng-repeat每3或4列添加bootstrap行: 我正在寻找正确的模式，每3列注入一个引导行类。我需要这个，因为cols没有固定的高度（我不想修复），所以它打破了我的devise！这是我的代码： <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > … </div> </div> </div> 但它只在每一行显示一个产品。我想要的最终结果是： <div class="row"> <div class="col-sm4"> … </div> <div class="col-sm4"> … </div> <div class="col-sm4"> … </div> </div> <div class="row"> <div class="col-sm4"> … </div> <div class="col-sm4"> … </div> <div class="col-sm4"> … </div> </div> 我可以用ng-repeat模式（没有指令或控制器）来实现吗？文档介绍了ng-repeat-start和ng-repeat-end，但我不知道如何使用它是这个用例！ […]

Angularjs ng-model在ng-if中不起作用: 这是演示问题的小提琴。 http://jsfiddle.net/Erk4V/1/ 看起来，如果我有一个ng-if中的ng模型，模型不能按预期工作。我想知道这是否是一个错误，或者如果我误解了正确的用法。 <div ng-app > <div ng-controller="main"> Test A: {{testa}}<br /> Test B: {{testb}}<br /> Test C: {{testc}}<br /> <div> testa (without ng-if): <input type="checkbox" ng-model="testa" /> </div> <div ng-if="!testa"> testb (with ng-if): <input type="checkbox" ng-model="testb" /> </div> <div ng-if="!someothervar"> testc (with ng-if): <input type="checkbox" ng-model="testc" /> </div> </div> </div>

为一个请求设置HTTP标头: 我在我的应用程序中有一个特定的请求需要基本身份validation，所以我需要设置该请求的授权标头。我读了关于设置HTTP请求标头，但从我可以告诉，它将为该方法的所有请求设置头。我在我的代码中有这样的东西： $http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=="; 但我不希望每一个我的发布请求发送这个头。有没有什么办法只为我想要的一个请求发送标题？或者我必须在我的请求后删除它？

当angular.js完成加载时发送事件: 想知道当所有指令完成编译/链接时，检测页面加载/引导结束的最佳方式是什么。任何事件已经在那里？我应该超载引导function？

将模拟注入到AngularJS服务中: 我有一个AngularJS服务，我想unit testing它。 angular.module('myServiceProvider', ['fooServiceProvider', 'barServiceProvider']). factory('myService', function ($http, fooService, barService) { this.something = function() { // Do something with the injected services }; return this; }); 我的app.js文件有这些注册： angular .module('myApp', ['fooServiceProvider','barServiceProvider','myServiceProvider'] ) 我可以testingDI是这样工作的： describe("Using the DI framework", function() { beforeEach(module('fooServiceProvider')); beforeEach(module('barServiceProvider')); beforeEach(module('myServiceProvder')); var service; beforeEach(inject(function(fooService, barService, myService) { service=myService; })); it("can be instantiated", function() { expect(service).not.toBeNull(); […]

如何在angularjs指令中要求一个控制器: 任何人都可以告诉我如何在另一个angularJS指令中包含来自一个指令的控制器。例如我有以下代码 var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return { restrict: 'C', require: '^mainCtrl', link: function […]

Angular js从默认值初始化模型: 假设你有一个从数据库加载值的表单。你如何初始化ng模型？例： <input name="card[description]" ng-model="card.description" value="Visa-4242"> 在我的控制器中，$ scope.card最初是未定义的。有没有办法做这样的事情？ $scope.card = { description: $('myinput').val() }

Angularjs – ng-cloak / ng-show元素闪烁: 我在angular.js中使用了指令/类ng-cloak或ng-show 。 Chrome工作正常，但是Firefox使用ng-cloak或者ng-show引起了闪烁的元素。恕我直言，这是由ng-cloak / ng-show为style="display: none;" ，可能Firefox的JavaScript编译器有点慢，所以元素出现一段时间，然后隐藏？例： <ul ng-show="foo != null" ng-cloak>..</ul>

二进制文件损坏 – 如何使用AngularJS下载二进制文件: 使用ResponseEntity以angular度下载任何文件不起作用我需要在客户端使用angular度下载文件，这个文件可以有任何格式，它可能是一个PDF或Excel或图像或TXT …我的方法只适用于TXT文件，并给我一个失败格式的Excel和图像和为PDF提供了一个空的PDF。所以在我的控制器中这里是调用服务方法的函数： vm.downloadFile = downloadFile; function downloadFile(file){ var urlDir = "C://STCI//"+idpeticion; return VerDocServices.downloadFile(file,urlDir) .then(function(response) { var data = response.data; var filename = file; var contentType = 'application/octet-stream';//octet-stream var linkElement = document.createElement('a'); try { var blob = new Blob([ data ], { type : contentType }); var url = window.URL.createObjectURL(blob); linkElement.setAttribute('href', url); linkElement.setAttribute("download", filename); […]

如何在成功处理程序外使用$ http promise response: $scope.tempObject = {}; $http({ method: 'GET', url: '/myRestUrl' }).then(function successCallback(response) { $scope.tempObject = response console.log("Temp Object in successCallback ", $scope.tempObject); }, function errorCallback(response) { }); console.log("Temp Object outside $http ", $scope.tempObject); 我在successCallback得到响应，但没有获得$scope.tempObject外的$http $scope.tempObject 。其显示undefined 。如何在$http之后访问response或$scope.tempObject