Tag: angularjs

无法在生产中实例化模块: 我只是把我的程序推到了heroku上，我测试的角度加载了以下错误：未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块diceAngularApp：错误：[$ injector：unpr]未知提供者：t 它在开发中工作得很好，所以我不确定问题是什么。要查看错误，您可以访问www.firexion.com/dice页面我不确定问题的确切位置，所以我不确定要分享哪些代码。这是github的链接： https ： //github.com/Firexion/hundred 我的猜测可能是在角度app.js可能吗？： ‘use strict’; angular .module(‘diceAngularApp’, [ ‘ngCookies’, ‘ngResource’, ‘ngSanitize’, ‘ngRoute’ ]) .config(function ($routeProvider) { $routeProvider .when(‘/dice’, { templateUrl: ‘../../views/dice/main.html’, controller: ‘DiceController’ }) .otherwise({ redirectTo: ‘/dice’ }); }); 或者我可能在我的rails应用程序javascript文件中包含错误，lumen.js： // Lumen // Bootswatch //= require jquery-2.1.0 //= require jquery_ujs //= require lumen/loader //= require lumen/bootswatch […]

如何使用angularjs和ui路由器从rails获取实例变量？: 我在我的状态路由器中使用模板。我想从我的rails服务器获取一个实例变量，但它没有自己的路径，所以我不能使用Restangular或类似的东西。此外，当我尝试插值时： #{@variable} 没有任何反应，因为我在我的ui路由器中的模板中，而不是在rails视图中。那么如何从我的rails服务器获取一个实例变量到ui-router模板中的angularjs？编辑： ahaa ….就像这样传递它： ng-init=”variablename = ‘variable'” 在我的情况下： ng-init=”varname = ‘#{@variable}’ ” 重要的是要注意两件事：1。“在……”中2.在你的RAILS VIEW中传递此信息，然后用ui-view =“”将其传递给ui路由器然后在ui模板中，你可以说{{varname}}它应该在那里:)

如何在纯Javascript HTML Web App中隐藏凭据: 有没有办法在纯HTML / Javascript应用程序中隐藏凭据，例如用户眼中的密码或身份validation标头令牌？ AngularJS App通过在不同域上运行的CORS与rails后端进行通信。除了设置更严格的CORS或在后端请求检查域中的域之外，我希望发送auth令牌或向令牌添加令牌。有人知道吗？亲切的问候，亚历克斯

Rails将使用angular.js对gem进行拼写以进行分页: 上下文：我有一个Rails后端作为Angular.JS前端应用程序的API。任务：我想从Rails后端检索不同种类的“恐龙”的所有记录。由于有超过500条记录，我希望一次只能获得30种。我目前的方法：我在我的Rails索引控制器动作中使用了will_paginate gem来为dinosaurs_controller。我让它像这样运行。 def index @dinosaurs = Dinosaur.paginate(:page => params[:page], :per_page => 30) end 在我的Angular代码中：我有一个名为DinoApp的模块，我正在使用ngresource创建一个Entry资源 app = angular.module(“DinoApp”, [“ngResource”]) app.factory “Entry”, [“$resource”, ($resource) -> $resource(“/api/v1/dinosaurs/:id”, {id: “@id”}, {update: {method: “PUT”}} ) ] 我的Angular控制器看起来像这样： @MainController = [“$scope”, “Entry”, ($scope, Entry) -> $scope.entries = Entry.query({page: 1}) $scope.viewPost = (dinosaurId) -> ] 这行代码将在dinosaurs_controller的索引操作中命中API，并且一次只返回30种“恐龙”： $scope.entries […]

如何从运行在不同端口上的本地AngularJS应用程序向本地Rails应用程序发出请求？: 我正在开发一个带有AngularJS前端和Rails后端的Web应用程序。我的目标是保持两者完全分离，因为Rails应用程序最终将降级为简单的REST服务器，而AngularJS前端将只是使用后端的几个不同客户端之一。出于这个原因，我不想将前端集成到Rails资产管道或类似的管道中。 Rails应用程序在端口3000上本地运行。前端使用Gulp编译静态资产，而BrowserSync包含我在端口3001上运行的开发服务器。出于开发目的，我如何让AngularJS应用程序与Rails服务器通信，避免在通过Angular的$ http服务发出HTTP请求时出现此浏览器错误（我预期）？ No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3001’ is therefore not allowed access. 我只需要在Rails应用程序中设置CORS吗？还有另一种方式 – 也许某种本地主机文件技巧（我在Mac，FWIW）或类似？我问，因为我的同事负责Rails应用程序（我对Rails的经验有限）但是已经离开了一段时间; 我的知识主要限于我设置的AngularJS堆栈。我已经搜索并阅读了大约一个小时，但还没有找到任何我能理解的适用于我的情况的东西。我可能不知道最好的搜索字词。谢谢你的帮助！

使用angular js通过rails paperclip提交文件: 我正在尝试使用angular将文件作为参数发送到rails，然后让rails通过paperclip将该文件保存为用户附件。我得到的最远的是获取上传内容的轨道，但它最终成为带有单行“目标文件”的txt文件。这是相关的Angular a.uploadAnonRes = function(app){ if(window.FileReader){ console.log(“supported”)}; console.log(($(‘.anonUploadField’))[0].files); http = { method: “PUT”, url: ‘/admin/upload_anon_res.json’, params: { anon_file: btoa(($(‘.anonUploadField’))[0].files[0]), user_id: app.raw_app.user_id } }; $http(http).success(function(data){ console.log(“success”); }); }; 这是相关的轨道 def upload_anon_res user = User.find(params[:user_id]) user.anon_resume = decode_res user.save respond_to do |format| format.json{ render json: user, root: false } end end def decode_res decoded_data = Base64.decode64(params[:anon_file]) […]

如何在不使用Asset Pipeline的情况下在Rails 5中提供静态图像？: 我有一个基于Web的应用程序，后端构建在Rails 5上。我使用AngularJS作为前端。我没有使用Asset Pipeline来提供任何静态内容，我的所有脚本（JS和CSS）都加载到位于public directory的index.html文件中，从那里我使用angular的ng-route来进一步管理位置。问题出现在我的一个HTML页面中，我需要使用HTML图像标记包含图像，问题是服务器找不到图像文件。我尝试将我的图像保存在app/assets/images和public/assets/images 目录中，但在所有实例中，我得到路由错误，指出我的rails服务器控制台中找不到路由。参考几个堆栈溢出答案我在我的config development.rb文件中尝试了这一行： config.public_file_server.enabled = true 但它没有用。那么如何在不使用Rails Assetpipeline的情况下提供图像呢？

rails + angularjs在编辑时将值加载到文本字段中: 将AngularJS与rails应用程序一起使用时，我在编辑记录时遇到问题，文本字段的值设置为空白。有没有办法告诉AngularJS使用值rails将表单元素作为初始值？我把一个JSFiddle放在一起来演示我遇到的问题： http://jsfiddle.net/YUza7/15/

带有Doorkeeper和Angular的Oauth2密码授予类型: 我有一个使用Doorkeeper的Rails API和Oauth2的密码授权方法。门卫需要将client_id和client_secret发送到令牌请求（ /oauth/token ），以及用户的登录详细信息和范围。我将如何在Angular应用程序中执行此操作？我不喜欢存储客户端ID和秘密客户端的想法……

Rails AngularJS指令和模板中的图像资源: 我使用这些gem使用AngularJS进行Rails 4应用程序： gem’angularjs-rails’ gem’angular-rails-templates’ gem’asset_sync’ 它适用于这样的模板：图像渲染正确。但是在我的其他js petto.directive(‘ptAnimateHeart’, [‘Helper’, function(Helper){ linkFunc = function(scope, element, attributes) { $heartIcon = $(“#heart_icon”); if($heartIcon.length == 0) { $heartIcon = $(” “); $(document.body).append($heartIcon); } element.on(‘dblclick’, function(event){ $animateObj = $(this); Helper.animateHeart($animateObj); }); } return { restrict: ‘C’, link: linkFunc } }]) 我从浏览器控制台找不到’assets / feed.icon.heart.png’错误。我在app / assets / feed.icon.heart.png下有feed.icon.heart.png。 ps：忘记提及我使用资产同步gem来托管amazon […]