Tag: angularjs

Django REST Framework上传图片:“提交的数据不是文件”

我正在学习如何在Django中上传文件,在这里我遇到了一个应该是微不足道的问题,错误: 提交的数据不是文件。 检查表单上的编码types。 以下是详细信息。 注:我也看着Django Rest Framework ImageField ,我试了一下 serializer = ImageSerializer(data=request.data, files=request.FILES) 但是我明白了 TypeError: __init__()得到一个意想不到的关键字参数'files' 我有一个Image模型,我想通过Django REST框架进行交互: models.py class Image(models.Model): image = models.ImageField(upload_to='item_images') owner = models.ForeignKey( User, related_name='uploaded_item_images', blank=False, ) time_created = models.DateTimeField(auto_now_add=True) serializers.py class ImageSerializer(serializers.ModelSerializer): image = serializers.ImageField( max_length=None, use_url=True, ) class Meta: model = Image fields = ("id", 'image', 'owner', 'time_created', ) […]

试图加载angular度不止一次

我有一个yeoman脚手架的应用程序(angular度的fullstack发电机)。 grunt serve工作正常,但grunt build生成产生一个分配locking内存,最有可能是因为angular度循环引用。 我升级到1.2.15 。 我得到的错误是: WARNING: Tried to Load Angular More Than Once 在升级之前,错误是: Error: 10 $digest() iterations reached. Aborting! debugging非常困难,因为只有在编译/缩小之后才会发生。 我所有的模块都是angular度的数组格式,所以缩小DI不应该是一个问题,但它是。 没有一个脚本可以导致这个问题。 唯一的办法就是如果我不用我的app.js文件初始化。 我的app.js文件在下面。 有什么事情想到? 'use strict'; angular.module('myApp', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute', 'ngTagsInput', 'ui.bootstrap', 'google-maps', 'firebase' ]); angular.module('myApp').config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/listing.html', controller: 'ListingCtrl' }) .otherwise({ redirectTo: […]

Angularjs不会在ng-view中加载脚本

我有一些特定的视图脚本。 但是,当angularjs加载视图时,该脚本似乎没有执行。 的index.html <html> <body ng-app="adminApp"> <div ng-view=""></div> <script src="bower_components/angular/angular.js"></script> <script src="scripts/app.js"></script> <script src="scripts/controllers/main.js"></script> </body> </html> Main.html – 在ng-view下加载 hello world <script> alert('Hello, John!') </script> 在这个例子中,当页面加载的时候,我看到一个打印在网站上的基本的Hello World。 但是,我没有popup一句“你好,约翰”。 任何想法,为什么我不能加载特定于某个视图的脚本? 额外信息 app.js 'use strict'; angular.module('adminApp', []) .config(function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }) .otherwise({ redirectTo: '/' }); }); 控制器/ main.js 'use strict'; […]

Angular:在一个指令链接函数中调用控制器函数,使用&

我们遇到了一个问题,试图在我们的指令的链接函数中使用和号“&”来调用一个传入指令的函数。 看来这个函数在控制器上被调用,但是在调用中没有parameter passing。 我们所看到的所有例子都是通过在模板中创build呼叫来实现的。 有没有办法从你的指令模板上调用函数,然后在调用控制器函数的指令中做一些事情?

AngularJS – build立一个基于JSON的dynamic表

鉴于这样的JSON: { "name": "john" "colours": [{"id": 1, "name": "green"},{"id": 2, "name": "blue"}] } 和两个常规的htmlinput: <input type="text" name="name" /> <input type="text" name="color" /> <input type="submit" value="submit" /> 我需要build立一个所有可能的变化表,例如: John green John blue 这意味着,如果用户通过input继续添加值,则新的行将出现构build新的变体,例如: 我也需要有可用的ID来处理它,而我需要当我添加新的值使用input例如:“彼得”“黑”,我需要自动填充ID(颜色ID)dynamic像一个自动增量MySQL,导致这样的事情: { "colours": [……{"id": 3, "name": "black"}] } 那可能吗? 我有哪些select与angular度做? 我仍然想着jQuery的方式,我想以angular度的方式来做。 我看了一下hg-​​repeat,并使用它,但是我没有想出如何提供预期的结果,我想到的唯一的东西是使用嵌套的ng-repeats,但它没有工作。 非常感谢, 吉列尔莫

更好的方法来阻止IEcaching在AngularJS?

我目前使用服务/ $资源进行ajax调用(在这种情况下,GET)和IEcaching的调用,使新的数据不能从服务器检索。 我使用了一种技术,我用googlesearch创build一个随机数,并将其附加到请求,以便IE不会去caching数据。 有没有更好的办法比caching添加到每个请求? 工厂代码 .factory('UserDeviceService', function ($resource) { return $resource('/users/:dest', {}, { query: {method: 'GET', params: {dest: "getDevicesByUserID"}, isArray: true } }); 来自控制器的呼叫 $scope.getUserDevices = function () { UserDeviceService.query({cacheKill: new Date().getTime()},function (data) { //logic }); }

扩展Angular指令

我想对第三方指令(特别是Angular UI Bootstrap )做一些小修改。 我只是想添加到pane指令的范围: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc… }; }) .directive('pane', ['$parse', function($parse) { return { require: '^tabs', restrict: 'EA', transclude: true, scope:{ heading:'@', disabled:'@' // <- ADDED SCOPE PROPERTY HERE }, link: function(scope, element, attrs, tabsCtrl) { // […]

使用httpInterceptor和AngularJS 1.1.5实现加载微调器

我已经find一个加载微调器的例子在http /资源调用这里SO: 在httpIntercept上设置rootScopevariables (Plunker: http : //plnkr.co/edit/32Mh9UOS3Z4vnOtrH9aR? p=preview) 正如你所看到的实现工作(使用AngularJS 1.0.5)。 但是,如果您将源更改为AngularJS 1.1.5。 这个例子不起作用了。 我了解到$httpProvider.responseInterceptors在1.1.5中已被弃用。 相反,应该使用$httpProvider.interceptors 不幸的是,在Plunker中replace上面的string并不能解决问题。 有没有人曾经在AngularJS 1.1.5中使用HttpInterceptor做过这样的加载微调器? 谢谢你的帮助! 迈克尔

如何使用angularjsdynamic设置HTML元素的id属性?

提供了一个divtypes的HTML元素,如何设置它的id属性的值,这是一个范围variables和一个string的连接?

你如何用AngularJS或Javascript下载文件?

我在隐藏的textarea中有一些文本。 当一个button被点击时,我想将提供的文本作为一个.txt文件提供下载。 这可能使用AngularJS或Javascript?