-
angular – 如何为对象创建行为主题并在另一个组件上订阅它？
所属栏目：[安全] 日期：2020-12-17 热度：88
我在服务类中创建了一个行为主题. public personObject: BehaviorSubjectany = new BehaviorSubjectany({ personId: 1,name: 'john doe' }); 在导入此服务的组件上,我已订阅此行为主题,如下所示： ` this._subscription.add( this._bankService.personObject[详细]
-
angular – 我没有得到SafeUrl / SafeStyle背后的概念
所属栏目：[安全] 日期：2020-12-17 热度：181
前段时间我已经意识到我不能简单地将字符串传递给 img ...的href参数.标签或背景样式.仅接受SafeUrl和SafeStyle实例.坦率地说,我没有得到整个概念,因为我可以通过简单的调用来清理任何图像URL或样式.如果我可以建立一个安全的管道,将安全的图像href从可靠的[详细]
-
angular – 为什么使用ViewContainerRef而不是* ngif？
所属栏目：[安全] 日期：2020-12-17 热度：176
我可以这样做 my-awesome-component *ngIf="ConditionToIncludeComponent"/my-awesome-component 但是动态插入组件的每个文档都基于ViewContainerRef.我喜欢它的功能.但是什么使它在* ngif上如此特别？ 只需指出两者的优点和缺点.请. 谢谢！ 解决方法 TLDR;[详细]
-
如何获得当前用户ID angular 4？
所属栏目：[安全] 日期：2020-12-17 热度：70
我必须获取当前用户ID才能在我的应用程序的不同部分使用它. login.component.ts： onSignin(form: NgForm){const UserName = form.value.UserName;const Password = form.value.Password;this.authService.signinUser(UserName,Password).map(res = res.json[详细]
-
Angular4：使用HttpClient的拦截器来设置微调器
所属栏目：[安全] 日期：2020-12-17 热度：147
这里我写的拦截器是通过拦截器直接处理微调器的 @Injectable()export class ApiInterceptor implements HttpInterceptor { constructor(private _globalSpinnerService: GlobalSpinnerService) {} intercept(req: HttpRequestany,next: HttpHandler): Observ[详细]
-
Angular Material 2 md卡响应列
所属栏目：[安全] 日期：2020-12-17 热度：83
我正在寻找这种布局的Angular 2/4示例.我需要从两列牌开始(左侧2个,右侧1个).但是,如果屏幕很小,它们应该折叠到一列.我可以在带有div的CSS中完成它,但在Material 2中必须有一个简单的方法 – 有很多Material 1的例子. 这段代码改编自Angular Material 1答案,[详细]
-
angular – Ionic 3中提供者的全局实例
所属栏目：[安全] 日期：2020-12-17 热度：93
我有一个提供程序,当应用程序运行时,必须始终启动以监视网络连接状态. 所以根据tutorial我已经将类添加到我的app.module.ts文件中,使其成为一个全局实例.所以据我所知,当应用初始化它的根组件(因此app.module.ts)时,服务应该启动. 问题：在应用程序的特定页[详细]
-
学习Angular 2之后,学习AngularJS有多难？
所属栏目：[安全] 日期：2020-12-17 热度：200
让我从理由开始.许多已经使用AngularJS多年的公司仍在使用它,并且没有立即计划迁移到4.因此具有可销售性,以及将两者都视为Angular开发人员的必然要求. 我的问题很广泛,但我很想听听那些对两者都有经验的人.它们是完全不同的,还是会将一些知识转移？对于那些[详细]
-
angular – Subscription’不能分配给类型
所属栏目：[安全] 日期：2020-12-17 热度：77
我在获取服务以在页面上显示结果时遇到问题.错误是订阅方法返回订阅类型,我不知道试图将它带到产品数组.产品位于json文件中. 建立： 我正在尝试通过阅读教程来学习Angular 2.教程已过时,我正在使用最新版本的angular(ng -v = @ angular / cli：1.4.2).我使用[详细]
-
Angular中用于访问DOM元素的`link`函数的等价物
所属栏目：[安全] 日期：2020-12-17 热度：65
有一些例子是在Angular 2指令上设置link属性来注册转换DOM的回调. 一个例子是为D3.js图创建指令.见pen： link 属性： Directives that want to modify the DOM typically use the link option to register DOM listeners as well as update the DOM. It is e[详细]
-
Azure上的Angular2应用程序“您无权在子路由上查看此目录或页面
所属栏目：[安全] 日期：2020-12-17 热度：172
我发布了一个Angular2应用程序并将其部署在Azure Web Apps上.如果我通过浏览到它的根目录启动它,应用程序工作正常： http://cafeserver.azurewebsites.net/Web/ 但是,如果我直接浏览到应用程序中的子路径,例如： http://cafeserver.azurewebsites.net/Web/cu[详细]
-
angular – 将Promise转换为RxJs Observable
所属栏目：[安全] 日期：2020-12-17 热度：66
有人可以帮助将此承诺转换为RxJs可观察对象吗？ 我想从本地存储中获取令牌,如果出现错误,应该使用订阅了observable的观察者来捕获它.以下是Promise的现有解决方案： getToken(): Promiseany { return new Promiseany((resolve,reject) = { resolve(JSON.pars[详细]
-
如何在使用类似路径时将数据推入Angular 2中的数组
所属栏目：[安全] 日期：2020-12-17 热度：199
到目前为止,我还没有找到一个简单的例子,说明如何将数据推入Angular 2中的数组.在AngularJs中它很容易( example),但我在Angular 2中努力争取它,可能是因为我使用的是路由器我不知道如何配置它(我跟随角度 heroes example). 我想做什么,整个解决方案： app.mo[详细]
-
angular – ngx-bootstrap modal – 通过bsModalRef.content访问
所属栏目：[安全] 日期：2020-12-17 热度：178
我正在使用角度4和ngx-bootstrap来打开模态.一切都运行良好,我通过组件实现模态.我也可以通过bsModalRef的content属性将数据传递给模态.像这样： this.bsModalRef = this.modalService.open(MyComponent);this.bsModalRef.content.somedata = [...some array[详细]
-
Angular 4 – 如何访问模板中的嵌套组件？
所属栏目：[安全] 日期：2020-12-17 热度：103
我有一个组件层次结构： App|Child|Input 组件“Child”接受来自其父级的模板,如下所示： my-child ng-template my-input/my-input spanasdasdas/span my-input/my-input my-input/my-input /ng-template /my-child 正如您在模板中看到的那样,有许多输入组件[详细]
-
将枚举值传递给angular 2组件
所属栏目：[安全] 日期：2020-12-17 热度：103
我有一个枚举, 并希望从模板传递枚举值.这怎么可能？ export enum FIELDS { GENDER = any'Gender',SALUTATION = any'Salutation',FIRSTNAME = any'First Name',LASTNAME = any'Last Name',EMAIL_ADDRESS = any'Email Address',COUNTRY = any'Country',} 我的[详细]
-
角度对象变化检测
所属栏目：[安全] 日期：2020-12-17 热度：125
我有一个第三方角度组件,它是一个显示用户数据的表.如果传递给表的对象发生更改,表将自行更新. Angular如何检测对象的变化？我有以下示例： user.component.ts： @Component({ selector: 'app-user',templateUrl: './user.component.html',styleUrls: ['./us[详细]
-
使用angular-cli在Universal Rendering中使用cookie
所属栏目：[安全] 日期：2020-12-17 热度：71
我使用angular-cli创建了一个角度应用程序,并通过执行 here给出的步骤在其中进行通用渲染.但有人提到,如果我正在进行通用渲染,我不能在我的应用程序中使用全局变量,如窗口和文档,如何在前端设置cookie以维护用户会话.以前我使用JWT,但为此我需要在浏览器中设[详细]
-
Angular 2：url’api / heroes’在哪里定义？
所属栏目：[安全] 日期：2020-12-17 热度：119
我正在阅读 Angular 2 Tour of Heroes教程的第7部分.在包含InMemoryWebApiModule之后,hero.service.ts使用私有的heroesUrl =’api / heroes’;. 应用程序如何知道WebAPI url是api / heroes？我没有在app-routing.module.ts中看到这个定义.如何映射到InMemory[详细]
-
angular – Uncaught(in promise)：错误：模板解析错误：’ion-c
所属栏目：[安全] 日期：2020-12-17 热度：69
我试图在离子3中创建一个自定义组件,但我似乎不知道如何正确设置components.module,以便我可以在我的组件中使用离子组件 我生成了这样的组件 $: ionic g component my-component 当我添加 ion-row ion-col /ion-col /ion-row 到my-component.html我得到错误[详细]
-
angular – 如何检查可观察的倒数计时器是否已完成？
所属栏目：[安全] 日期：2020-12-17 热度：122
我有一个角度4的简单倒数计时器 import {Observable} from 'rxjs/Observable';import 'rxjs/add/observable/timer';import 'rxjs/add/operator/map';import 'rxjs/add/operator/take';countDown;counter = 60;enableButton:boolean = false;this.countDown =[详细]
-
angular – 如何在FormControl中显示值并保留另一个值？
所属栏目：[安全] 日期：2020-12-17 热度：142
我正在使用 text-mask lib,它运行得很好. 考虑以下掩码配置： priceMask = Object.freeze({ mask: createNumberMask({ allowDecimal: true,decimalSymbol: ',',integerLimit: 7,prefix: '',thousandsSeparatorSymbol: '.' })}); 在我的HTML中,我有以下内容：[详细]
-
Angular中的StaticInjector与ReflectiveInjector
所属栏目：[安全] 日期：2020-12-17 热度：143
Angular 5.x将包含新的StaticInjector,如 in this tweet所述.我有两个问题： 它与现有的ReflectiveInjector有何不同？ 它会破坏我现有的代码吗？ 解决方法 首先,有一篇很棒的文章 Angular introduces StaticInjector. Should you care?解释了细节上的差异. H[详细]
-
angular – Class的Set throws使用BehaviorSubject和Observable
所属栏目：[安全] 日期：2020-12-17 热度：93
如标题中所述,我在尝试设置新项时遇到以下错误： Cannot invoke an expression whose type lacks a call signature. Type ‘ItemModel’ has no compatible call signatures. 我正在使用BehaviorSubject和Subject在两个不同的状态之间共享一个集合Item.基本[详细]
-
angular – 如何向BehaviorSubject发信号通知流已完成
所属栏目：[安全] 日期：2020-12-17 热度：199
在angular 2中,mySubject(参见代码)编译了一个complete()函数,但是在执行期间它没有错误,说没有这样的函数.我无法使用onComplete()进行编译. import { Component,OnInit } from '@angular/core'; import { NgForm } from '@angular/forms'; import * as Rx f[详细]
