-
angularjs – OAuth:如何设置动态回调URL?
所属栏目:[安全] 日期:2020-12-17 热度:194
我已将 Satellizer与各种社交登录提供商(Facebook,Twitter,Google)合并到我的应用程序中.我的堆栈包括:AngularJS(UI路由器)和NodeJS / Express. 我似乎遇到了为用户身份验证设置动态回调URL的挑战.我的应用没有一致的登录网址,例如http://example.com/login[详细]
-
angularjs – ngOptions导致选项具有错误的值
所属栏目:[安全] 日期:2020-12-17 热度:114
我正在尝试渲染选择框,但它没有按预期工作 – 选项值不正确.我检查了 manual,根据它的数组语法(在我的情况下,对象数组)是 select as label for value in array 所以这就是我在做的事情: 数据: [{"id":"3","name":"asdasd","code":"asdads","group":"2","co[详细]
-
角度 – 离子选择Ionic 2中的动态选项?
所属栏目:[安全] 日期:2020-12-17 热度:113
我正在开发Ionic 2中的应用程序.我需要以动态的方式添加离子选择选项,但我对可能非常简单的事情感到难过.这是我的代码片段. ion-select [(ngModel)]="classifications" (ngModelChange)="updateSelectedValue($event)" ion-option *ngFor="#key of classific[详细]
-
AngularJS和生成的元素
所属栏目:[安全] 日期:2020-12-17 热度:156
我们有一些第三方 javascript组件正在生成一些html元素.我想将它与AngularJS结合起来. 我试过这段代码 div ng-controller="ExpensesCtrl" form id="expensesform" input type="text" ng-model="expense.name" / input type="text" ng-model="expense.amount"[详细]
-
如何在CI中运行cypress之前提供角度cli应用程序?
所属栏目:[安全] 日期:2020-12-17 热度:97
我正在尝试将赛普拉斯与Angular(v.5)CLI应用程序一起使用. 在本地运行时测试工作正常,因为在这里我可以在运行cypress测试之前启动serve命令. 我尝试按照文档here, 但是这些命令似乎都没有起作用. 我尝试了varioues组合,看起来像这样: "cypress:run:report":[详细]
-
在Angular 4中从HttpClient缓存数据
所属栏目:[安全] 日期:2020-12-17 热度:74
我有一个问题,使我的缓存更简单.我认为有更好的方法来做到这一点.我的问题是我必须在每个get()函数中执行此“缓存”代码,这会导致代码更长.有谁帮助如何做到这一点最好的方式?谢谢.这是我的代码如下.我在我的代码中做的是我在news.service.ts中执行get()函[详细]
-
angular – “ObservableMedia”类型中的属性“subscribe”不能
所属栏目:[安全] 日期:2020-12-17 热度:139
我刚刚升级到我的Angular 6应用程序,现在我得到: ERROR in node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(11,14): error TS2416: Property 'subscribe' in type 'ObservableMedia' is not assignable to the sam[详细]
-
angularjs – 如何在禁用按钮上显示ui-boostrap工具提示?
所属栏目:[安全] 日期:2020-12-17 热度:78
在发布之前,我搜索并搜索了一些解决方案,我找到了几种将工具提示应用于禁用按钮的解决方案,无论如何这些都没有使用 angular ui bootstrap的uib-tooltip. 这是我按钮的代码: button class="btn btn-default" uib-tooltip="My tooltip text" tooltip-append-t[详细]
-
angularjs – UI网格角度,网格渲染但不显示数据
所属栏目:[安全] 日期:2020-12-17 热度:52
我在这里错过了什么?网格呈现没有错误,空行…我检查了 JSON到目前为止罚款$scope.gridOptions.data = response [‘data’];看起来它渲染空数组并且永远不会得到实际数据…… app.controller('MainCtrl',['$scope','$http',function ($scope,$http) { $scope[详细]
-
Angular – 动态添加/删除验证器
所属栏目:[安全] 日期:2020-12-17 热度:98
我有一个FormGroup定义如下: this.businessFormGroup: this.fb.group({ 'businessType': ['',Validators.required],'description': ['',Validators.compose([Validators.required,Validators.maxLength(200)])],'income': [''] }) 现在当businessType为Othe[详细]
-
每个步骤的角度材料步进组件
所属栏目:[安全] 日期:2020-12-17 热度:120
我有一个角度材料线性步进器,每一步都是一个单独的角度组件,包含一个需要验证的形式 验证只是不起作用.我可以在不填写表格的情况下进入下一步. 为了说明我的意思,我在stackblitz上创建了一个浓缩版本. 要看的主要内容(我认为)是create-profile.component.htm[详细]
-
Angular 5小吃店通知
所属栏目:[安全] 日期:2020-12-17 热度:147
我想实现像这样的通知消息 "Success! Your Details Added""Warning! Something Went Wrong""Danger! You don't have access to this" 我已经在我的应用程序中使用角度材料 我可以使用‘snack-bar’进行通知吗? 我还发现了一些相关的toaster at npm 建议我是[详细]
-
Angular 5 EmptyError:在创建子路由时没有顺序元素
所属栏目:[安全] 日期:2020-12-17 热度:177
当我在路由中使用子项时,我无法从登录页面导航到仪表板页面,如下所示: const appRoutes: Routes = [{ path: '',redirectTo: 'login',pathMatch: 'full' },{ path: 'login',component: LoginComponent,{ path: 'dashboard',pathMatch: 'full',/* canActivate[详细]
-
angular – Firestore如何从另一个集合文档id获取集合值
所属栏目:[安全] 日期:2020-12-17 热度:129
我有两个火灾商店集合与以下参考图像 0. 我想获得firstName和title.这里signup_id是从coll-signup文档id引用的.以下代码给出了我的所作所为. 模型feed.ts export interface Feed { firstName? : string; signup_id? : string; title? : string;} 新闻feed.co[详细]
-
angular – MatDialog无法正确显示
所属栏目:[安全] 日期:2020-12-17 热度:106
我正在尝试使用MatDialog并基于 this example我已经实现了如下对话框: import {Component,Inject,OnInit} from '@angular/core';import {Router} from '@angular/router';import {AuthenticationService} from '../../../service/authentication.service';i[详细]
-
Angular 4 Routing不适用于实时网络应用程序
所属栏目:[安全] 日期:2020-12-17 热度:101
我的Angular 4网络应用程序路由在我的开发环境中运行良好,菜单重定向在实时版本上工作正常. 但是,dev版本通过在浏览器的地址字段中键入来重定向到不同的页面,但实时版本不会.这是一个角度问题吗?或者我是否需要使用ISP管理重定向? 我的app.router.ts代码如[详细]
-
如何将动态外部组件加载到Angular应用程序中
所属栏目:[安全] 日期:2020-12-17 热度:102
我遇到了Angular应用程序的问题. 我想用(aot)的Typscript构建一个角度应用程序. 目的是显示带有一些小部件的用户仪表板.小部件是角度组件. 我的应用程序附带了一些嵌入式小部件. 但小部件应该通过像市场这样的东西来扩展;或手动创建. 市场应该将文件(js / ts[详细]
-
错误TS2307:无法为HttpClientModule找到模块’@ angular / comm
所属栏目:[安全] 日期:2020-12-17 热度:105
我正在尝试使用app.module.ts中的以下行导入HttpClientModule: import { HttpClientModule } from ‘@angular/common/http’; 和 imports: [ ... HttpClientModule,...] 但是我一直得到同样的错误: src/app/app.module.ts(4,38): error TS2307: Cannot fin[详细]
-
angular – 为什么必须ngrx / redux效果返回动作?是否正在使用
所属栏目:[安全] 日期:2020-12-17 热度:130
我正在使用带有Angular和ngrx / store和ngrx / effects的redux风格的状态管理设计.每当我不从效果中返回动作时,我都会收到错误: Cannot read property 'type' of undefined 我研究了这个问题,发现在榆树架构中有一种称为“noop”的动作,当你不想用你的效果[详细]
-
angular4 – 如何在角4.0中隐藏和显示
所属栏目:[安全] 日期:2020-12-17 热度:112
我试图在角度4中切换菜单.我有2个独立的组件.一个用于标题布局,第二个用于菜单列表.我在标题布局中单击图标时写了切换功能,我试图隐藏并显示菜单列表.但这不适合我. 以下是我的代码: app.navbarComponent.html文件: header id='sv_header' div class='row'[详细]
-
angular2:如何通过条件手动将css文件添加到index.html?
所属栏目:[安全] 日期:2020-12-17 热度:192
下面的代码是为样式定义的. !-- for mobile --link rel="stylesheet" href="/dist/css/mobile.css"!-- for desktop -- link rel="stylesheet" href="/dist/css/desktop.css" 我想将上面的文件添加到 head在’src / index.html’中的条件. 如何为每个设备应用[详细]
-
单元测试 – Angular 2 TestModuleMetadata没有EntryComponents
所属栏目:[安全] 日期:2020-12-17 热度:100
我正在使用Angular CLI 1.0.0-beta.32.2并正在为Angular 2服务编写单元测试,该服务动态创建一个Component并将其插入另一个Component. 在我的单元测试中,我尝试创建一个模拟组件来测试我的服务,但ng测试的输出抛出一个错误,说明我的模拟组件在entryComponents[详细]
-
Angular2 – 错误:无法解析IconService的所有参数
所属栏目:[安全] 日期:2020-12-17 热度:99
我一直在尝试将我的应用程序切换到AoT编译,并在应用程序加载时在生产环境中收到此错误(它在本地工作正常). 错误:无法解析IconService的所有参数:(?,?) 似乎错误来自提供IconService的模块.图标服务构造函数看起来像 构造函数(私有http:Http,private ico[详细]
-
angular-cli ng serve:错误:没有错误
所属栏目:[安全] 日期:2020-12-17 热度:161
我只是尝试用angular-cli创建一个新项目,然后运行服务器,但它停止了一个有趣的消息:错误:没有错误. 我这样更新它(希望它有帮助):npm uninstall -g angular-cli; npm缓存干净; npm install -g angular-cli @ latest 但这是同一个问题.查看此处的所有消息:[详细]
-
angular – 如何通知parent有关子组件的更改?
所属栏目:[安全] 日期:2020-12-17 热度:139
我有一个带有此模板的子组件: p *ngIf="user != null" Id: {{user.id}}br Name: {{user.firstName}} {{user.lastName}}br Nick: {{user.nickname}}br Gender: {{user.gender}}br Birthday: {{user.birthday}}br Last login: {{user.lastUpdateDate}}br Regi[详细]