-
typescript – 如何在我的Angular2应用程序中列出/输出@Routes中
所属栏目：[安全] 日期：2020-12-17 热度：151
我有一个快速的问题。我目前正在浏览 https://angular.io/docs/ts/latest/api/router/Router-class.html，但我想知道，在我的Angular2的main.ts中，我的路由定义如此： @Routes([ { path: '/',component: HomeComponent },{ path: '/about-me',component: Ab[详细]
-
Angular2：模块和组件的区别
所属栏目：[安全] 日期：2020-12-17 热度：124
我不太清楚，为什么Angular2有两个概念？ 模块 组件 它们之间有什么区别，它们应扮演的角色应该是什么？ 我什么时候需要创建SubModule？ 我什么时候需要创建一个SubComponent？ 模块和组件几乎没有任何共同之处，除了它们是带有装饰器的类，提供者可以注册它[详细]
-
如何在Angular2中基于特定的构建环境注入不同的服务？
所属栏目：[安全] 日期：2020-12-17 热度：116
我有HeroMockService将返回模拟数据和HeroService，它将回调终端服务以从数据库中检索英雄。 假设Angular2有构建环境，我打算在当前构建环境为“dev-mock”的情况下将HeroMockService注入AppComponent。如果当前构建环境是“dev-rest”，则应将HeroService注[详细]
-
Angular2从HTML模板访问全局变量
所属栏目：[安全] 日期：2020-12-17 热度：61
我有一个全局变量来存储这样的国家/地区列表： export var COUNTRY_CODES = ["AD","AE","AF" /* and more */]; 在我的一个组件中，我使用普通的import语句导入了变量 import { COUNTRY_CODES } from "../constants"; 我可以在组件代码中自由访问这个全局变量[详细]
-
ng命令抛出错误; @ angular-devkit/core似乎不见了
所属栏目：[安全] 日期：2020-12-17 热度：101
我对Angular有点新意，如果这个问题被多次询问，请道歉。当然，我发现许多github问题有类似的症状，但没有明确的解决方案(或者这是一个不断回来的问题)。 问题： 我安装了最新版本的Angular来自npm： npm install -g @ angular / cli 当我运行ng(有任何选项[详细]
-
angular-cli – Angular cli更新后获取错误
所属栏目：[安全] 日期：2020-12-17 热度：113
我的angular-cli版本是beta.16 我尝试通过以下命令更新 npm uninstall -g angular-cli @angular/clinpm cache cleannpm install -g @angular/cli@latest 在我尝试运行任何ng命令后成功安装 ng version ng help 我收到了这个错误 ng help/usr/local/lib/node_[详细]
-
angular – 如何双向绑定我自己的RxJS主题为[(ngModel)]？
所属栏目：[安全] 日期：2020-12-17 热度：87
是否有简短的方法将RxJS Subject 或 BehaviorSubject 传递给Angular 2指令进行双向绑定？完成它的漫长道路如下： @Component({ template: ` input type="text" [ngModel]="subject | async" (ngModelChange)="subject.next($event)" / `}) 我希望能够做到这[详细]
-
在Angular中导入和使用lodash的正确方法
所属栏目：[安全] 日期：2020-12-17 热度：123
我曾经能够通过导入语句在Angular中使用lodash方法，如下所示： import {debounce as _debounce} from 'lodash'; 我现在在使用该语句时收到以下错误： '"{...}/node_modules/@types/lodash/index"' has no exported member 'debounce'. 唯一能编译而没有错误[详细]
-
我希望全局降级Angular CLI,因为我的项目使用的是旧版本
所属栏目：[安全] 日期：2020-12-17 热度：172
我已全局升级了我的Angular CLI，但我的项目使用的是旧版本的角度CLI，所以我想全局降级我的Angular CLI。 您可以将全局angular-cli安装降级为eg。 1.0.0-beta.14发布： npm uninstall -g angular-clinpm cache cleannpm install -g angular-cli@1.0.0-beta.[详细]
-
如何在Angular 2中获取JSON文件
所属栏目：[安全] 日期：2020-12-17 热度：126
因为我是Angular的新手，任何人都可以提供一个简单的解决方案，使用angular 2加载JSON文件数据。 我的代码如下 的index.html html head titleAngular 2 QuickStart/title meta charset="UTF-8" meta name="viewport" content="width=device-width,initial-sc[详细]
-
angularjs – Angular 1.5,从父控制器调用组件中的函数
所属栏目：[安全] 日期：2020-12-17 热度：115
Angular 1.5组件可以轻松地从组件创建回调父级的回调。有没有办法可以从父控制器中的函数调用组件中的函数？ 让我们说我的组件叫做task-runner，下面是父容器中的HTML。 task-runner taskcategogyid=5/task-runner button type="button" ng-click="doSomethi[详细]
-
AngularJS 1.2 – ngAnimate不工作
所属栏目：[安全] 日期：2020-12-17 热度：104
我是AngularJS 1.2使用ng-animate的新手。我不确定为什么我的ng-animate不能使用某个类名，而是使用默认值进行简单淡入淡出，这是我在一个例子中看到的。 在这个例子中，我尝试将我的ng-animate类设置为’animation’： http://plnkr.co/edit/QWQUUVdcLmzLKR[详细]
-
angular2 – “进口”和“出口”如何在Angular2模块中运行？
所属栏目：[安全] 日期：2020-12-17 热度：90
我是Angular2的新手，很难理解Angular2中@NgModule的导入和导出是怎么回事。 以下面的代码为例： @NgModule({ imports: [ RouterModule.forChild(heroesRoutes) ],exports: [ RouterModule ]}) 在导入部分，我要导入什么？路由器模块，或forChild()函数，或[详细]
-
如何使用.success和.error在Angularjs中扩展$q promise
所属栏目：[安全] 日期：2020-12-17 热度：119
我在AngularJS的自定义服务中编写了这个小代码。 在我的服务中： var deferred = $q.defer(); var promise = deferred.promise; deferred.resolve('success'); deferred.reject('error'); /* Handle success and error */ promise.success = function(fn) {[详细]
-
angular – 无法重新加载/刷新活动路由
所属栏目：[安全] 日期：2020-12-17 热度：107
我最近更新到新的RC3和Router3alpha，似乎有些事情发生了变化。 我注意到单击活动路径的链接不再导致重新加载组件。如何使用新的router3实现此行为？ 我的链接看起来像 a [routerLink]="['/link1']"Link1/a 为了测试我只是在ngOnInit中使用了一个随机数： ex[详细]
-
angular – 如何有条件地禁用routerLink属性？
所属栏目：[安全] 日期：2020-12-17 热度：143
在我的Angular 2应用程序中，我试图禁用routerLink而没有任何成功。我试图在click事件上处理click事件(使用event.preventDefault()和event.stopPropagation())但它不起作用。 如何禁用routerLink？ 禁用指针事件 a [routerlink]="xxx" [class.disabled]="dis[详细]
-
angularjs – 为什么Angular JS形成。$pristine不会随着直接JS操
所属栏目：[安全] 日期：2020-12-17 热度：138
我想通过测试Angular JS pristine设置来调整表单项的显示，例如按钮的启用/禁用属性。 当click事件触发时，表单的pristine值会按照我的预期更改，但是当我直接操作scope变量时，即使表单上的控件绑定到该变量，表单的pristine设置也不会更改。 请看以下JSfid[详细]
-
console.log无法在Angular2组件(Typescript)中工作
所属栏目：[安全] 日期：2020-12-17 热度：196
我对Angular2和打字稿都比较新。由于typescript是javascript的超集，我希望console.log之类的函数能够工作。当在组件类之外时，console.log在.ts文件中完美地工作，但是在组件类内部不能正常工作。 // main.tsimport { Component } from '@angular/core';con[详细]
-
ngFor(Angular 2)中的动态模板引用变量
所属栏目：[安全] 日期：2020-12-17 热度：53
如何在ngFor元素中声明动态模板引用变量？ 我想使用ng-bootstrap中的popover组件,popover代码(带有Html绑定)如下所示： ng-template #popContentHello,b{{name}}/b!/ng-template button type="button" class="btn btn-secondary" [ngbPopover]="popContent"[详细]
-
数据绑定 – Angular2双向数据绑定
所属栏目：[安全] 日期：2020-12-17 热度：95
我知道Angular2没有双向数据绑定，但有没有办法模仿Angular1.x的双向数据绑定行为？ 注意 – 向下滚动ng-model绑定的答案 你实际上可以这样做，只需要调用内部changelistener tick(类似于摘要)来更新区域中的绑定，你可以为它添加一个(keyup)事件。类似地，[详细]
-
嘲笑儿童成分 – 角度2
所属栏目：[安全] 日期：2020-12-17 热度：116
在测试时如何模拟子组件？我有一个名为product-selected的父组件，其模板如下所示： section id="selected-container" class="container-fluid" hr/ product-settings/product-settings product-editor/product-editor product-options/product-options/sect[详细]
-
Angular2路由器：如何使用自己的路由规则正确加载子模块
所属栏目：[安全] 日期：2020-12-17 热度：160
这是我的Angular2应用程序结构： 这是我的代码的一部分.以下是Angular2应用程序的主要模块,它导入其路由规则和子模块(EdgeModule)并使用与某些页面相关的一些组件. app.module.ts @NgModule({ declarations: [ AppComponent,PageNotFoundComponent,LoginComp[详细]
-
如何在angular2中禁用输入
所属栏目：[安全] 日期：2020-12-17 热度：168
在ts is_edit = true中禁用… input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2" 我只是想根据true或false禁用输入. 我试过以下： [disabled][详细]
-
Angular2电子邮件验证
所属栏目：[安全] 日期：2020-12-17 热度：156
我是学习Angular2的新手,我想制作一个验证表格,用于在RegEx模式之后验证电子邮件. 我的代码看起来像这样,但我不知道如果我做得对,或者我做错了,有人可以帮助我一点吗？ 谢谢！ 我修好了它.非常感谢大家. div class="alert-email" label for="contactemail"EM[详细]
-
Angular 2过滤器/搜索列表
所属栏目：[安全] 日期：2020-12-17 热度：173
我正在寻找角度2的方法来做 this. 我只是有一个项目列表,我想做一个输入,工作是过滤列表. md-input placeholder="Item name..." [(ngModel)]="name"/md-inputdiv *ngFor="let item of items"{{item.name}}/div 在Angular 2中这样做的实际方法是什么？这需要[详细]
