小编Bil*_*gan的帖子

我有一个带有框的Flexbox行,看起来像这样.

我想像这样设置单选按钮,以便检查它们.这可能吗？

<ul class="flex-container longhand">
  <li class="flex-item">1</li>
  <li class="flex-item">2</li>
  <li class="flex-item">3</li>
  <li class="flex-item">4</li>
  <li class="flex-item">5</li>
</ul>

CSS

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.longhand {
  flex-flow: wrap row;
}

.flex-item {
  color: #C3D0D9;
  border: 1px solid #C3D0D9;
  width: 50px;
  height: 50px;
  font-size: 1.3em;
  text-align: center;
  padding: 10px;
}

我打算在FormBuilder的帮助下使用ReactiveForms.而且我想知道可以实现自动保存的方式.我需要以下行为:

页面上没有提交按钮.当用户在表单中进行更改时,数据会自动保存并发送到服务器.

如何在Angular2中实现这一目标？

谢谢.

我在spec/support/request_helpers.rb中添加了一些代码

module Requests
  module JsonHelpers
    def json
      @json ||= JSON.parse(response.body)
    end
  end
end

然后我将配置行添加到spec/rails_helper.rb以从我的规范访问该代码.

ENV['RAILS_ENV'] ||= 'test'
require File.expand_path('../../config/environment', __FILE__)

abort("The Rails environment is running in production mode!") if Rails.env.production?
require 'spec_helper'
require 'rspec/rails'

ActiveRecord::Migration.maintain_test_schema!

RSpec.configure do |config|

  config.fixture_path = "#{::Rails.root}/spec/fixtures"
  config.use_transactional_fixtures = true
  config.infer_spec_type_from_file_location!

  config.include Requests::JsonHelpers, :type => :controller
end

因此,当我从spec/controller/tasks_controller_spec.rb运行我的规范时,我收到以下错误.

/spec/rails_helper.rb:16:in `block in <top (required)>': uninitialized constant Requests (NameError)

怎么解决？

我的规格require 'rails_helper'在顶部.

假设我有一个对象列表，并且想要更改某种对象样式。我正在利用ngClass和click事件来切换CSS类。

<ul class="container">
  <li class="item" [ngClass]="{'active': isClassVisible }" (click)="isClassVisible = !isClassVisible">1</li>
  <li class="item" [ngClass]="{'active': isClassVisible }" (click)="isClassVisible = !isClassVisible;">2</li>
  <li class="item" [ngClass]="{'active': isClassVisible }" (click)="isClassVisible = !isClassVisible;">3</li>
  <li class="item" [ngClass]="{'active': isClassVisible }" (click)="isClassVisible = !isClassVisible;">4</li>
</ul>

然后在组件中我有

export class MyComponent {
  isClassVisible: false;
}

和CSS

.active {
  background: black;
}

但是，使用这种方法时，当我单击列表中的元素时，CSS类将应用于所有元素，而不是单击的元素。

除了字体之外的所有资产加载得很好,每当我访问我的网站时,我都会收到这样的消息:

从' https://example.com ' 访问' https://xxxxxxxxxx.cloudfront.net/assets/fontawesome-webfont.woff2 '中的字体已被CORS政策阻止:没有'访问控制 - 允许 - 来源'标头出现在请求的资源上.因此,不允许来源" https://example.com "访问.

如您所见,CURL命令指示不存在标头.

curl -H "Origin: https://example.com" -I https://xxxxxxxxx.cloudfront.net/assets/fontawesome-webfont.woff2
HTTP/1.1 200 OK
Content-Length: 77160
Connection: keep-alive
Status: 200 OK
X-Rack-Cache: stale, valid, store
Cache-Control: public, must-revalidate
Date: Fri, 14 Apr 2017 08:01:26 GMT
X-Content-Digest: d6f48cba7d076fb6f2fd6ba993a75b9dc1ecbf0c
ETag: "2adefcbc041e7d18fcf2d417879dc5a09997aa64d675b7a3c4b6ce33da13f3fe"
X-Runtime: 0.366713
X-Request-Id: 87c9d883-e443-4756-86f9-66b40ed573f6
X-Powered-By: Phusion Passenger Enterprise 5.1.2
Server: nginx/1.10.2 + Phusion Passenger 5.1.2
Via: 1.1 vegur, 1.1 f0eecbf6390179377707b707ebaa1e8b.cloudfront.net (CloudFront)
Age: 86645
Vary: Accept-Encoding
X-Cache: Hit from cloudfront
X-Amz-Cf-Id: FNjQGvROcAdqT6u6PaN3OgEE34mnSsixHNm6WqzWq2boWWYYzVmZPw==

这是AWS …