小编may*_*iya的帖子

每次构建 Angular 项目时自动增加 Angular 构建的版本

我是一名有角度的开发人员。作为公司的要求,我需要将版本添加到我的角度项目的一页(组件)中。

用于管理版本。我确实在environment/environment.ts和其他环境文件中创建了一个名为“Version”的变量。

现在版本的当前流程是这样的:

  1. 版本 变量值添加到环境文件中。
  2. 然后使用以下命令进行构建: ng build --prod -c production
  3. 它将用environment.prod.ts 文件替换environment.ts 文件,我在其中增加了verison 变量。
  4. 每次我需要手动增加版本号,然后我运行命令来进行新的构建。

但现在我想将该版本变量自动化到环境文件中。当我使用适当的配置运行命令时,它应该自动将版本增加到适当的文件中,然后应该进行新的构建。

我一周前开始在google上寻找这种场景和解决方案,但仍然没有找到任何解决方案,如何实现。

如果有人对构建时环境变量的变化有任何想法。那么请与我分享。这对我来说真的很有帮助。

environment build version auto-increment angular

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

如何上传自定义字体并在 angular 6 中动态使用它

我正在 angular 6 项目中工作,我需要提供用户上传字体的功能并使用它。

我也试过下面的代码:

var junction_font = new FontFace('example_font_family', 'url(https://fonts.gstatic.com/s/gloriahallelujah/v9/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zM.woff2)');
        junction_font.load().then(function (loaded_face) {
          document.fonts.add(loaded_face);
        }).catch(function (error) {
            console.log('error : ', error);
        });

HTML:
<p style="example_font_family">Lorem Ipsum</p>
Run Code Online (Sandbox Code Playgroud)

但是这段代码在两个地方显示了一个错误

1) 找不到名称 FontFace(FontFace 对象不支持 angular)

2) 类型“文档”上不存在属性“字体”。(document.font 对象不支持 angular)

这是在 js 中工作但在打字稿中不工作的小提琴:http : //jsfiddle.net/Mark_1998/xvpk0rnm/3/

是否有任何替代方法可以以角度动态加载字体。请帮我。

fonts dynamic angular

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

从具有自定义属性的 json 加载对象后,如何在 Fabric JS 版本 1.7.22 中创建对象组?

我使用的是fabricJS 版本1.7.22。我想实现分组和取消分组的功能。

当我使用 toJSON(list_of_custom_attribute) 将画布转换为 json 时。我的自定义属性未添加到 json 中。(组中包含的子对象的自定义属性不会添加到 json 中)。

是否有任何分组补丁,以便每次我的所有自定义属性都添加到组的对象中。

我的分组代码如下(我借用了最新fabricJS版本2.7.0的fabricJS toGroup()函数的代码):

var activeObject = this.canvas.getActiveGroup();
    var objects = activeObject._objects.concat();
    activeObject._objects = [];
    var options = fabric.Object.prototype.toObject.call(activeObject);
    var newGroup = new fabric.Group([]);
    delete options.type;
    newGroup.set(options);
    objects.forEach(function (object) {
        if (object) {
            object.canvas.remove(object);
            object.group = newGroup;
        }
    });
    newGroup._objects = objects;
    if (!activeObject.canvas) {
        return newGroup;
    }
    else {
        var canvas = activeObject.canvas;
        that.extend(newGroup, that.randomId());
        canvas.add(newGroup);
        canvas._activeObject = newGroup;
        newGroup.setCoords();
    }
Run Code Online (Sandbox Code Playgroud)

我尝试一些可能有助于理解问题的场景。(我的所有画布对象必须包含名为“id”的自定义属性)

1) 添加一张图像并克隆该图像。现在将canvas转换为json。(JSON 包含我所有的自定义属性,如下所示 => [ 矩形[id], 圆[id] …

javascript fabricjs

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

如何在使用清单 v3 制作的 Chrome 扩展中使用 Web 套接字显示实时数据?

我正在开发一个简单的扩展,我想在其中显示RealTime通过 Web 套接字连接从我的服务器发送的数据。

我正在使用 chrome 的清单 v3 来实现这一点。我尝试将我的扩展与 Web 套接字连接,通过background.js它作为服务工作者在 chrome 后台运行。

我们无法访问windowService Worker JS(background.js) 中的对象,甚至无法在后台 JS 中添加更多脚本。我从上周开始就读到了这一问题,但仍然没有找到任何解决方案。

有谁知道如何在 Service Worker jS(background.js) 中连接 Web 套接字,以便服务器可以将数据发送到扩展。

任何小小的帮助都会对我有很大帮助。请帮我。

sockets google-chrome service-worker

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

如何在 ionic 项目中使用 Fabric js (html5-Canvas Library) 自定义构建

我正在使用能够创建图形的离子应用程序。我正在使用 Fabric js Letest 版本 3.2.0 并且想要使用触摸手势。

我尝试将 Fabric js 存储库克隆到我的电脑中,并尝试使用以下命令构建自定义构建:

  node build.js modules=ALL
Run Code Online (Sandbox Code Playgroud)

所以,在文件夹中构建成功dist,但我不知道如何在离子中安装它。

请帮我。

custom-build fabricjs ionic-framework

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

如何在付款流程运行时禁用条纹表单字段?

我正在我的 angular 项目中实现条带支付功能。我在条纹表单定制方面取得了成功。

我的实际问题是从这里开始。当用户输入卡详细信息和press PAY按钮时。loaderspin内付款按钮。但仍然用户可以change卡号和其他详细信息。

我想在执行条带支付过程时禁用所有表单字段。我确实尝试了很多搜索解决方案,但未能获得单一解决方案。

有没有办法form fieldpayment process执行时禁用?

forms payment stripe-payments disable

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

如何从 FormArray 中查找包含角度错误的表单索引?

我正在处理一种复杂的角度形式,我需要一些帮助。让我详细解释一下我的情况。

我有一个像这样的 formArray :

let slides = new FormArray([]);
slides.push(getNewSlide())
slides.push(getNewSlide())
slides.push(getNewSlide())
slides.push(getNewSlide())

function getNewSlide() {
  return new FormGroup({
    name: new FormControl("", [Validators.required]),
    image: new FormControl("", [Validators.required])
  })
}
Run Code Online (Sandbox Code Playgroud)

上面的表格将如下所示:

slides = [
  { name: "ram", image: "a.png" },
  { name: "shyam", image: "b.png" },
  { name: "", image: "c.png" },             <== here is error. name is required so index should be 2
  { name: "ghanshyam", image: "d.png" },
]
Run Code Online (Sandbox Code Playgroud)

我想从中找到包含任何错误的表单索引FormArray,但我不知道该怎么做。一件重要的事情是,这种形式可以嵌套。就像一个FormGroup可以包含另一个FormGroupFormArray

任何人都知道深度扫描整个表格并找到第一个错误位置的索引(表格索引),然后请在这里回答。我会欣赏你的想法。

谢谢。

forms validation angular angular-reactive-forms formarray

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

如何以角度访问 *ngFor 中 FormGroup 的 formArray?

我正在使用 FormArray 来使用嵌套 FormControl。我的表格是这样的:

let form = new FormGroup({
   name: new FormControl(),
   email: new FormControl(),
   Addresses : new FormArray([
      new FormGroup({
         building: new FormControl(),
         society : new FormControl(),
      }),
      new FormGroup({
         building: new FormControl(),
         society : new FormControl(),
      })
      new FormGroup({
         building: new FormControl(),
         society : new FormControl(),
      })
   ])
})



addNewAddress() {
   let newAddress = new FormGroup({
      building: new FormControl(),
      society : new FormControl(),
   });
   this.form.get("addresses").push(newAddress)
}
Run Code Online (Sandbox Code Playgroud)

并在 HTML 模板中

<div *ngFor="let controlGroup of form.get('addresses').controls; let i=index">
   <ng-container [formGroup]="controlGroup"> …
Run Code Online (Sandbox Code Playgroud)

angular formarray formgroups angular-abstract-control

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

如何在结构js中缩放时保持Rect的圆角

我使用的是面料js版本1.7.22.

原始对象:

在此输入图像描述

目前的结果:

在此输入图像描述

预期结果 :

在此输入图像描述

javascript rounding rect fabricjs

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