小编Ota*_*uzo的帖子

默认选择角度材料2按钮切换

在角度材质2中,如何在切换组中设置默认选定按钮.

一旦我点击一个,它就会切换,但默认情况下都会以某种方式选择.我尝试如下,但不起作用.

  <md-button-toggle-group #group="mdButtonToggleGroup">
    <md-button-toggle (click)="firstTapped()" selected>
      <span>one</span>
    </md-button-toggle>
    <md-button-toggle (click)="secondTapped()">
      <span>second</span>
    </md-button-toggle>
  </md-button-toggle-group>
Run Code Online (Sandbox Code Playgroud)

angular-material angular

12
推荐指数
2
解决办法
9981
查看次数

如何在活动模型序列化程序中使用设计 current_user

我在 rails5 中使用 Active Model Serializer 0.10.7

我想知道如何在序列化程序中访问设计 current_user。

current_user 应该默认设置为范围。

根据文档

https://github.com/rails-api/active_model_serializers/blob/0-10-stable/docs/general/serializers.md#controller-authorization-context

但我的代码不能正常工作...

有人知道这个吗?

class BookSerializer < ActiveModel::Serializer

  attributes :id, :title, :url, :image, :is_reviewed

  def is_reviewed
    object.reviews.pluck(:user_id).include?(current_user.id)
  end
end 
Run Code Online (Sandbox Code Playgroud)

和 Book 控制器看起来像这样。

class BooksController < ApplicationController
  def index
    @books = Book.order(created_at: :desc).page(params[:page])
    respond_to do |format|
      format.html
      format.json {render json: @books, each_serializer: BookSerializer}
    end
  end
end
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails devise active-model-serializers

5
推荐指数
2
解决办法
4281
查看次数

Redux Thunk 返回调度不起作用

使用 Redux Thunk,首先记录“OK”是可以的,但进程不会转到第二个 console.log。

有谁知道出了什么问题?谢谢

export const postTweet = (body) => {
  console.log('OK')
  return dispatch => {
    console.log('NO LOG')
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux redux-thunk react-redux

5
推荐指数
1
解决办法
1680
查看次数

React-native [仅限 Android] GestureDetector 中的 ScrollView 不起作用

我正在构建一个可以向上/向下滑动以改变其高度的底板。我希望其内部子组件可滚动,但它无法按预期工作。我只是猜测其原因是任何触摸事件(例如滚动)ScrollView都会被捕获并冒泡,GestureDetector因此滚动内部内容不起作用,而滑动工作表本身却起作用。

import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
import React, { useCallback, useEffect } from 'react';
import Animated from 'react-native-reanimated';
import {
  Gesture,
  GestureDetector,
  ScrollView,
} from 'react-native-gesture-handler';
import {
  Extrapolate,
  interpolate,
  useAnimatedStyle,
  useSharedValue,
  withSpring,
} from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { useHeaderHeight } from '@react-navigation/elements';

const { height: SCREEN_HEIGHT } = Dimensions.get('window');

type Props = {
  top: number;
  bottom: number;
  initialBottomOffset: number;
};

export const BottomSheet: React.FC<Props> = ({
  children, …
Run Code Online (Sandbox Code Playgroud)

android gesturedetector react-native react-native-reanimated-v2

1
推荐指数
1
解决办法
1684
查看次数