-
如何确保angularjs2文本框适合文本输入？
所属栏目：[安全] 日期：2020-12-17 热度：60
我有3个 HTML文本框,每个文本框的初始宽度为30px.我想这样做,如果有人在其中一个文本框中输入文本以使其超出框的宽度,则所有三个文本框的宽度将扩展以匹配最大文本框的大小.做这个的最好方式是什么？ 解决方法 @Component({ selector: 'my-app',styles: [`#s[详细]
-
angular – 订阅嵌套的Observable
所属栏目：[安全] 日期：2020-12-17 热度：101
我有一个应用程序,它发出一个http请求来获取项目列表,然后为列表中的每个项目发出一个http请求,以获取有关每个项目的更多详细信息.有效： class ItemsService { fetchItems() { return this.http.get(url) .map(res = res.json()) .map(items = items.map(th[详细]
-
Angular 2 Ahead-of-Time编译器是否支持SASS样式表？
所属栏目：[安全] 日期：2020-12-17 热度：99
我想再次尝试使用Angular 2 Ahead-of-Time编译. 这将需要我的重大重构,因为我当前的设置使用需要更改的自定义构建过程. 在开始之前,我需要知道：如果我链接到styleUrls元数据中的外部.scss文件,AoT编译器是否可以工作？ @Component({ ... styleUrls:['./app.[详细]
-
angular – 为NgModule和Component提供服务之间的差异
所属栏目：[安全] 日期：2020-12-17 热度：87
我们刚刚开始使用angular2的第一个项目.我有一个关于提供服务的问题. 据我所知,有两种方法可以在应用程序中声明提供者：[MyService]. 您可以在@NgModule标记中全局声明它,也可以在@Component标记中本地声明它. 据我所知,这两种方式的唯一区别在于提供范围.适[详细]
-
angularjs – 访问$rootScope的Angular1 < - > Angula
所属栏目：[安全] 日期：2020-12-17 热度：109
我使用以下升级/降级桥 https://angular.io/docs/ts/latest/guide/upgrade.html在一个应用程序中并排使用Angular1和Angular2. 我的问题是,是否有可能从Angular2服务访问Angular1 $rootScope.为了清楚起见,我不是在询问Angular2中$rootScope的等价物. 解决方[详细]
-
angular2-routing – 如何在bootstrap动态提供路由？
所属栏目：[安全] 日期：2020-12-17 热度：86
如何为RouterModule提供服务,以便根据某些参数动态注入路由？ 请注意,此参数也是动态的(它来自bootstrapping之前的api调用). 我确实意识到通过使用RouterModule.forRoot(这是一个静态函数),我对注入服务非常有限. 解决方法 您需要为ROUTES标记提供一个生成路[详细]
-
Angular 2的JQuery .param()方法？
所属栏目：[安全] 日期：2020-12-17 热度：82
有没有像 JQuery for Angular2这样的 $.param()函数？ 我知道Angular 1特别有类似的服务,Angular1 Equivalent 我检查了Angular 2站点here,他们有一个POST的演示,但他们在请求正文中发送了一个JSON. 我当前的,不工作的,尝试 saveEdits() { let headers = new[详细]
-
angularjs – 如何在ui-tree angular js中添加新节点
所属栏目：[安全] 日期：2020-12-17 热度：59
在我的应用程序中,我使用了角度ui-tree. 现在添加我在代码下面使用的新节点 button class="btn btn-info btn-circle btn-sm" type="button" ng-click='x.tasks.push({task: "New Task",depth:"2",tasks:[]})' style="margin-top:15px" data-nodragi class="f[详细]
-
Angular 2：ReactiveForm更新模型
所属栏目：[安全] 日期：2020-12-17 热度：102
我有一个反应形式,我想直接填充我的模型. form.component.html form [formGroup]="personForm" (ngSubmit)="savePerson()" md-card class="app-input-section" md-input formControlName="personName" placeholder="Person Name"/md-input ... many more fie[详细]
-
angularjs – 如何在事件执行的控制器范围内测试函数
所属栏目：[安全] 日期：2020-12-17 热度：122
控制器中的功能： angular.module('myApp').controller('MyController',function(){ $scope.f = function($event){ $event.preventDefault(); //logic return data; }})describe('MyController',function(){ 'use strict'; var MyController,$scope; beforeE[详细]
-
角度为2 rc5的基于模型的形式不起作用
所属栏目：[安全] 日期：2020-12-17 热度：94
我正在将代码从角度beta迁移到RC5版本. 我面临着使用的基于模型的表格的问题. 因为我已经在角度2 beta中开发了很多形式.我很难将基于模型的表单更改为基于模板的表单. 任何形式迁移的帮助都非常感谢. 我现有的代码是这样的 profile.ts import {FORM_DIRECTIV[详细]
-
angular – ngrx /存储在动作/效果UI通知之后
所属栏目：[安全] 日期：2020-12-17 热度：100
我正在使用ngrx / store和ngrx / effects. 这是流程, 用户单击登录按钮 登录已分派的行动 $effects执行http.post凭据登录 调度LOGIN_SUCCESS或LOGIN_FAILURE动作 问题：我想在执行操作后执行一些UI任务,例如,下拉模式,或显示错误消息的弹出窗口. 我如何订阅[详细]
-
订阅方法不会对更改做出反应[Angular 2]
所属栏目：[安全] 日期：2020-12-17 热度：67
我的app.component中有方法可以更改LangService中的语言.当发生更改时,LangService应该使用Observable对象响应所有其他组件,因为我订阅了所有组件中的更改.不幸的是,它没有发生.它只响应调用该函数来改变语言的app.component.我不确定我在哪里弄错了.也许我[详细]
-
Angular 2 AoT ngc不生成任何文件
所属栏目：[安全] 日期：2020-12-17 热度：178
当我在angular-cli创建的Angular 2 RC5 vanilla项目上运行离线编译器ngc时,它什么也没做. 这就是我做的 建立： ng new my-projectcd my-projectnpm install @angular/compiler-cli typescript@next @angular/platform-server @angular/compiler 运行编译器 .[详细]
-
angular – rxjs / Observable：获取第一个流后运行一次函数(连
所属栏目：[安全] 日期：2020-12-17 热度：51
首先,抱歉长标题. 我试图从angularfire2订阅forEach的连续流数组,但我还想在确认第一组数据进入后运行一个函数： this.people.forEach((person) = { person.items = this.database.list('/items' + person.key); person.items.subscribe((data) = {person.it[详细]
-
如何从AngularJS应用程序登录Google Cloud Logging？
所属栏目：[安全] 日期：2020-12-17 热度：125
我希望能够在Google Cloud Log查看器中查看客户端错误.是否可以从AngularJS应用程序创建日志条目,如果是这样的话？ 解决方法 Stackdriver错误报告专门针对应用程序错误而设计,我鼓励您使用它而不是堆栈驱动程序记录来报告错误. 对于客户端错误报告,您需要将H[详细]
-
我在哪里可以找到旧版Angular 2文档？
所属栏目：[安全] 日期：2020-12-17 热度：177
Angular 2 RC 5几天前发布,但我想浏览RC 4版本的文档.这可能吗？ 解决方法 Angular团队可能会使用typescript-documentation,这意味着你在angular.io docs上看到的内容,是用同一个typescript文件中的实际代码编写和编译到 github的. angular.io docs在右下角[详细]
-
typescript – Angular2,为什么每次移动鼠标时都会调用函数
所属栏目：[安全] 日期：2020-12-17 热度：105
我使用Angular2种子( https://github.com/mgechev/angular2-seed),我遇到了问题. 实际上,在我的模板html中,我使用了一些绑定,如{{test}}和组件中的变量test,以及{{getTest()}}调用getTest()函数. 如果我在getTest()中使用控制台日志,每次移动鼠标时,都会得到[详细]
-
angularjs – angular2使用router.subscribe来观看网址更改
所属栏目：[安全] 日期：2020-12-17 热度：195
我正在使用router.event.subscribe @ angular / router来查看url更改以执行if语句尽管event.subscribe工作正常.但我的问题是如何避免重复我的if语句只是为了在这些网址上显示标题.它可能不是router.subscribe,但不知道该用什么. 基本上想要一个基于你所在网[详细]
-
Angular2指令 – 具有多个ID的选择器
所属栏目：[安全] 日期：2020-12-17 热度：77
我正在Angular 2中实现一个自定义指令,用于表单验证,在许多地方我看到在指令定义中,selector属性与多个id相关联 – 例如： @Directive({ selector: '[my-custom-validator][ngModel]'}) 多个'[…]'(括号)选择意味着什么？ 解决方法 与在CSS中一样,selector [[详细]
-
Angular 2 ngOnDestroy未触发
所属栏目：[安全] 日期：2020-12-17 热度：138
早上好 我开发了一个小型的angular2-client-app,它有路由.路由创建如下： app.routes.ts import { provideRouter,RouterConfig } from '@angular/router';import { ContactComponent } from './components/contact.component/contact.component';import { Ho[详细]
-
使用Angular 2全局显示http错误
所属栏目：[安全] 日期：2020-12-17 热度：140
我想为我的应用程序的所有页面显示全局http连接错误消息的弹出窗口. 有什么好办法吗？ 解决方法 您可以通过包含此自定义组件来创建自定义组件并在弹出窗口中显示错误列表.例如,你可以这样做 @Component({ selector: 'list-errors',template: `ul class="erro[详细]
-
unit-testing – 使用angular2测试hammerjs事件
所属栏目：[安全] 日期：2020-12-17 热度：170
我正在构建一个测试套件,并尝试覆盖100％的代码.事情是,我在平移时有回调函数.有没有人如何正确地测试锤子事件与业力角度2上的茉莉花？ HTML div (pan)="panning($event)" id="square" 打字稿 public swiper($event) { let e = $event; let top = e.center.x[详细]
-
Angular2,Gulp,SystemJS – >默认扩展问题
所属栏目：[安全] 日期：2020-12-17 热度：69
我正在使用Angular2和SystemJS,它在开发过程中运行良好.现在我想使用gulp部署我的第一个编译版本. 为了澄清,我使用以下systemJS文件： (function(global) { // map tells the System loader where to look for things var map = { 'app': 'app',// 'dist','r[详细]
-
angularjs2的Json-ld脚本标记
所属栏目：[安全] 日期：2020-12-17 热度：107
我正在努力在 angularjs2中自动生成jsonld脚本,但是,我找到了angularjs1的解决方案. 有没有人有解决方案. 解决方法 我发现有点“丑陋”,但使用“safe Html”管道工作解决方案： import {Pipe,PipeTransform} from '@angular/core';import {DomSanitizer,Safe[详细]
