如何在ngx-agora中的angular模块中动态设置AppID密钥

扎拉·尼莱什(Zala Nilesh)

我正在使用https://www.npmjs.com/package/ngx-agora在angular 8中进行视频通话。根据文档,我需要提供如下的APPID static

const agoraConfig: AgoraConfig = {
  AppID: '1239021930912039-02193',
};

 imports: [
    BrowserModule,
    NgxAgoraModule.forRoot(agoraConfig)
  ],

但是我想根据环境从API响应中设置AppId值。如何使用angular的APP_INITIALIZER进行设置?或者还有其他设置方法吗?

马拉克斯

使用AOT时提供程序的解决方案不起作用,因为NgxAgoraModule在forRoot中使用'useValue'。

但是您可以稍后在此过程中设置APPID,如下所示:

export const agoraConfig: AgoraConfig = {
   AppID: null //setting null here
};

@NgModule({
...
imports: [
    ...
    NgxAgoraModule.forRoot(agoraConfig),
    ....
],
...
})
export class AppModule { }

然后在您要创建agora客户(您的组件)的地方

// false at the end disabled auto initializing
this.client = this.ngxAgoraService.createClient({mode: 'rtc', codec: 'h264'}, false);
this.client.init('your-agora-APPID');

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在ngx-dropdown-list中设置默认值

如何在Angular 2中使用量角器测试ngx-toastr

如何在Angular中动态设置div的背景颜色?

如何在Angular 5中动态设置选定的下拉值

ngx-datatable:如何在一行中的对象上显示属性的值

如何在ngx引导程序日期选择器中更改消息“无效日期”而不进入节点模块

如何在Laravel 5.5中动态设置SSH密钥?

如何在Angular2(ngx)中通过CSS选择器找到元素?

如何在Angular 7模块设置中延迟加载模态

如何在Angular 5的ngx-share / button中调用关闭事件?

如何在Angular 4及更高版本的ngx-select中获取默认选择的值?

如何在angular 7中为formControl设置动态值

如何在ngx-translate中的另一个翻译中翻译键

如何在Angular 9中通过变量加载动态模块?

如何在ngx-bootstrap-modal中添加模糊效果

如何在Firebase中动态获取密钥?

如何在angular 2的ngx-mydatepicker中添加文本掩码?

如何在 ngx-modal 中以编程方式关闭模态对话框

如何在angular5中循环ngx-smart-modal

如何在 ngx-cytoscape 中获得 cy 对象的引用?

如何在 Angular 7 中实现 <ngx-customname></ngx-customname>?

如何在全局配置文件中为 ngx-logger 配置记录器级别

如何在 angular 中调用 ngx-perfect-scrollbar update() 和 ScrollTop() 方法?

如何在 ngx-admin 中修改登录页面

如何在 angular 8 中销毁 ngx-swiper-wrapper

如何在组件 ngx-intl-tel-input 中设置掩码

如何在 Angular 9 中更改 ngx-daterangepicker-material daterangepicker 的时区?

Angular - 如何在 ngx-intl-tel-input 中验证 maxlength

如何在 ngx-charts 中使用 angular ngx-translate pipline?