我只是想在HTML5项目中做一个简单的Bootstrap typeahead插件示例.我试图在input元素中为source提供data-source属性.这些例子看起来很简单,但对我来说不起作用.
它看起来像bootstrap工作,并调用javascript.当我在输入中键入一个字符时,会显示下拉列表,但只显示第一个字符(而不是整个字).
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rober HTML5 Bootstrap Sample</title>
<!-- CSS files -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>Welcome to my HTMl5 Bootstrap example!</h1>
<div class="well">
<input type="text" class="span3" data-provide="typeahead" data-items="4" placeholder="Introduce un país"
data-source="['Alabama', 'California', 'Marte']" >
</div>
<!-- Javascript files - At the end of the …我使用AWS SES在我的Rails 4 Web应用程序中向客户发送通知电子邮件.发送电子邮件时,我发现很多时候由于SES中的SMTP超时错误导致电子邮件发送失败.最后,经过一些重试,电子邮件被发送,但我不想要这些重试.
我不必在我的应用程序中更改任何内容,以便可以发送电子邮件,它可以在重试后运行.
我附上错误日志:
{ 70220114991960 rufus-scheduler intercepted an error:
70220114991960 job:
70220114991960 Rufus::Scheduler::EveryJob "60s" {}
70220114991960 error:
70219770058060
70219770058060 Net::OpenTimeout
70219770058060 execution expired
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:541:in `initialize'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:541:in `open'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:541:in `tcp_socket'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:551:in `block in do_start'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/timeout.rb:91:in `block in timeout'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/timeout.rb:101:in `call'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/timeout.rb:101:in `timeout'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:550:in `do_start'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/2.1.0/net/smtp.rb:520:in `start'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/mail-2.5.4/lib/mail/network/delivery_methods/smtp.rb:112:in `deliver!'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/mail-2.5.4/lib/mail/message.rb:2129:in `do_delivery'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/mail-2.5.4/lib/mail/message.rb:232:in `block in deliver'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/actionmailer-4.0.0/lib/action_mailer/base.rb:456:in `block in deliver_mail'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/activesupport-4.0.0/lib/active_support/notifications.rb:159:in `block in instrument'
70219770058060 /home/ubuntu/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/activesupport-4.0.0/lib/active_support/notifications/instrumenter.rb:20:in …我在AngularJS网络应用程序中使用Angularytics.它工作正常,但是,我有三个环境(开发,测试和生产),它从两个环境收集统计数据.我想仅针对生产环境展示分析.
我分析了很多选项,但都有一些问题.现在,我想编辑angularytics.js脚本来添加条件,因此,代码只会在$ rootScope.ENVIRONMENT常量为Production时执行.
就像是:
(function () {
angular.module('angularytics', []).provider('Angularytics', function () {
if($rootScope.ENVIRONMENT == 'Production') {
var eventHandlersNames = ['Google'];
this.setEventHandlers = function (handlers) {
if (angular.isString(handlers)) {
handlers = [handlers];
}
eventHandlersNames = [];
angular.forEach(handlers, function (handler) {
eventHandlersNames.push(capitalizeHandler(handler));
});
};
var capitalizeHandler = function (handler) {
return handler.charAt(0).toUpperCase() + handler.substring(1);
};
var pageChangeEvent = '$locationChangeSuccess';
this.setPageChangeEvent = function (newPageChangeEvent) {
pageChangeEvent = newPageChangeEvent;
};
this.$get = [
'$injector',
'$rootScope',
'$location',
function ($injector, $rootScope, $location) {
var eventHandlers = …我正在使用来自silviomoreto的twitter bootstrap select组件.我只是试图通过将高度增加到45px来设计场地.
在其他引导输入组件中我没有问题,它在这个选择组件中不起作用.
我试图在我的Angular应用程序中使用ui-bootstrap Typeahead指令.根据安装说明看起来很简单,但是我在浏览器控制台中遇到了这个错误:
Uncaught Error: No module: ui-bootstrap
我已将模板脚本添加到index.html,如下所示:
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-resource.js"></script>
<script src="js/ui-bootstrap-tpls-0.6.0.min.js"></script>
<script src="lib/bootstrap/bootstrap.js"></script>
<script src="lib/bootstrap/bootstrap-datepicker.js"></script>
<script src="lib/bootstrap/bootstrap-select.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
我已经将ui-bootstrap指令添加到我的app.js文件中,如下所示:
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'ui-bootstrap']).
config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider) {
$routeProvider.when('/view1', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'});
$routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: 'MyCtrl2'});
$routeProvider.when('/home', {templateUrl: 'partials/home.html', controller: 'BoatListCtrl'});
$routeProvider.when('/contact', {templateUrl: 'partials/contact.html', controller: 'BoatListCtrl'});
$routeProvider.otherwise({redirectTo: '/home'});
delete $httpProvider.defaults.headers.common["X-Requested-With"];
}]);
有什么建议吗？
我想使用Whenever gem在我的RoR应用程序中运行预定作业.我运行bundle install,这是我的schedule.rb:
every 1.minute do
runner "Event.executeEvents"
end
我的Event.executeEvents方法是一个简单的日志条目:
class Event < ActiveRecord::Base
def executeEvents
puts "executeEvents at [" + Time.now.inspect + "]"
end
end
如果我whenever在命令行执行,我得到了这个:
$ whenever
* * * * * /bin/bash -l -c 'cd C:/dev/yanpyapi && bin/rails runner -e production '\''Event.executeEvents'\'''
## [message] Above is your schedule file converted to cron syntax; your crontab file was not updated.
## [message] Run `whenever --help' for more options.
什么都没有执行.
我错过了什么？
我需要以某种方式启动它吗？我读过一些关于capistrano和RVM的文档,但我不知道这是什么...
我想在AngularJS中创建一个简单的指令,根据位置显示Google地图.
我收到此错误: Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
我创建了下一个plunker来重现问题:http://plnkr.co/edit/Fnmanw1sjblKTJNmYGaV？p = preview
我正在尝试将我的网站从http迁移到https。该体系结构是：在Nginx服务器（侦听端口80）上运行的angularJS Webapp前端，它将请求发送到在Puma服务器（侦听端口8080）上运行的Rails API应用。两台服务器都一起位于Amazon EC2实例中。
这是我第一次迁移到HTTPS，我一点也不熟练。读了很多书，我取得了一些进步，但现在我陷入了困境。
我想确认我是正确的方法还是错误的方法。
在这一刻：
现在（这仅在开发中，而不是在AWS实例中工作）为了保护后端Puma服务器，我采用了一种非常简单的方法：由于Rails API是私有的，因此我创建了一个自签名SSL证书，并仅使用它来启动这样的Puma服务器：
捆绑执行程序puma -b'ssl：//127.0.0.1：3000？key = puma.server.key＆cert = puma.server.crt'-e开发-S〜/ puma -C config / puma / development.rb
如前所述，这正在开发中。我的Nginx服务器正在侦听443，并将请求发送到在端口3000侦听的Puma。
因此，在这一点上，我想知道我是否采用了正确的方法，但是我只是缺少了一些东西，否则，对于EC2实例来说这是错误的方法，我需要做一些真正不同的事情。注意：我已经阅读了一些有关如何配置Nginx服务器以代理https的内容，但目前还不太了解。我应该这样走吗？
@ffeast回答后的评论和问题：
我了解您的做法。我建议采用第二种方法。但是，我有一些问题：
我是否可以解决通过这种方法获得的blocked：mixed-content错误？为什么？我的意思是，Rails API请求是否应该更改？注意：目前，在Angular中，我有一些资源可以发送请求，例如：// domain-name：8080 / action，而Puma服务器正在侦听该端口中的请求。我目前没有任何代理通行证。
我认为您包括连接到Puma套接字的de Nginx配置，我想我需要创建此Puma套接字，我将需要检查如何做。如果您知道包含示例将有帮助。如果使用此套接字配置Puma，是否需要在特定端口中启动Puma？
我试图理解整个图片，但我仍然困惑：3.1对API的请求（来自Angular Nginx）应该是什么样的？3.2是否应该在特定端口上启动Puma？我不知道套接字方法是否需要... 3.3以及代理传递配置应如何匹配这些请求。
您能否澄清一下可能会更新您的示例？假设目前的请求就像// domain-name：8080 / action
更新 我正在尝试配置Ningx以将请求传递给PUMA套接字（目前正在开发中）。我遇到了错误，请查看一篇新文章以保持此整洁：Nginx代理传递给Rails API
更新2 它正在工作！我的网站安全无误！这是我的配置。
upstream api.development {
# Path to Puma SOCK file, as defined previously
server unix:/tmp/puma.sock fail_timeout=0;
}
server {
listen 443 ssl;
server_name localhost;
ssl_certificate /keys/ssl/development.server.crt;
ssl_certificate_key /keys/ssl/development.server.key;
# ssl_session_cache shared:SSL:1m; …angularjs ×3
amazon-ec2 ×1
amazon-ses ×1
angulartics ×1
cron ×1
datasource ×1
email ×1
google-maps ×1
height ×1
html5 ×1
https ×1
javascript ×1
nginx ×1
puma ×1
select ×1
smtp ×1
ssl ×1
typeahead ×1
whenever ×1