小编Jes*_*ter的帖子

我正在使用成帧器运动在我的项目中创建滑动交互。我试图做到这一点，以便当用户拖动完孩子后，它会“弹回”到设定位置。

我从文档中看到，您可以使用弹簧来设置运动值的动画：const y = useSpring(x, { damping: 10 })，但我想我做得不正确？这是我的代码：

export default function SwipeContainer(props) {
  const x = useMotionValue(0);
  const m = useSpring(x, { damping: 10 });

  const handleDragEnd = (evt) => {
    console.log(evt);
    m.set(200);
  }

  return (
    <div className={styles.swipeContainer}>
      <motion.div
        style= {{ x, m }}
        className={styles.motionDiv}
        drag="x"
        onDragEnd={handleDragEnd}
      >
        {props.children}
      </motion.div>
    </div>
  );

}

我期望当 DragEnd 事件发生时，孩子将动画到 x:200，但这并没有发生。我是否设置了错误的值，或者可能是我将运动值应用到motion.div 的方式？

我正在创建一个角度的表单,要求name字段只包含字母数字字符和空格.为此,我使用pattern属性:

<input type="text" class="form-control" placeholder="Name" name="Name" [(ngModel)]="name" required pattern="/^[a-z\d-_\s]+$/i" #nameField="ngModel">

当字符串不匹配时,我想要显示以下错误消息:

<div *ngIf="nameField.errors">
   <div [hidden]="!nameField.errors.pattern">
       <p class="has-error">
          Only spaces, letters, and numbers are allowed.
       </p>
   </div>
</div>

但是,即使字符串与正则表达式匹配,我仍然可以看到错误消息.有任何想法吗？

有没有什么办法可以配置ng-serve命令在根目录下提供静态html文件,并在子目录中提供角度应用程序？

我正在开发一个角度2应用程序,并且出于搜索引擎优化的原因,我想在从根目录提供静态页面时在子目录中托管实际应用程序.像这样的东西

./
    About.html
    Home.html
    Contact.html
    /app
       app.html //Angular app goes here

我发现ng build --base-href <base>它创建了一个可以存在于<base>子目录中的角度应用程序的生产版本,但这意味着我必须单独开发角度应用程序,然后将输出导入到我的最终项目中.我希望有一个angualr-cli解决方案,但我对任何想法持开放态度.

我正在尝试使用 google Drive Rest api 在浏览器中下载用户图像，但我似乎无法获取实际的图像数据。我能够成功调用文件端点，但我不知道如何处理响应。

我的获取请求：

fetch(`https://www.googleapis.com/drive/v3/files/${fileId}?key=${driveInfo.key}`, settings)
    .then(res => {
      return res.json();
    })
    .then(json => {
      console.log("drive json", json);
    });

其输出：

drive json
{
kind: "drive#file"
id: "1qXXBU6oIxs2Y4PZskA-kj6ljMjTfGKjf"
name: "Screenshot_20180919-160538.png"
mimeType: "image/png"
}

我还注意到这response.body很棒ReadableStream<Uint8Array>，因为我最终需要一个 uint8 数组，但看起来 uint8 数组代表上述元数据而不是实际的图像数据。

我是否以正确的方式进行此操作，或者我是否尝试在客户端下载图像？