Questions tagged «angular»

在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]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

我@angular/cli使用以下命令通过npm 安装了软件包： npm install -g @angular/cli @ angular / cli版本1.4.2已成功安装。但这不是Angular版本，而是CLI版本。 运行后，ng new myapp如何检查创建的应用程序是哪个Angular版本？2.x，4.x？

123 angular  angular-cli 

我正在尝试实现一个图标，单击该图标会将变量保存到用户的剪贴板。我目前已经尝试了几个库，但没有一个库能够这样做。 如何在Angular 5中将变量正确复制到用户剪贴板？

123 angular  typescript  angular5 

我来自Asp.Net MVC世界，在其中尝试访问未经授权的页面的用户会自动重定向到登录页面。 我正在尝试在Angular上重现此行为。我遇到了@CanActivate装饰器，但是它导致该组件完全不呈现，也没有重定向。 我的问题如下： Angular是否提供实现此行为的方法？ 如果是这样，怎么办？这是一个好习惯吗？ 如果没有，在Angular中处理用户授权的最佳实践是什么？

122 login  typescript  angular  angular2-routing 

我需要在ngClass表达式内插值，但无法使其正常工作。 我尝试了以下对我来说唯一有意义的解决方案，这两个插值均失败： <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> 这适用于插值，但不能用于动态添加的类，因为整个字符串都作为一个类添加： <button ngClass="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> 所以我的问题是，您如何ngClass像这样使用动态类名？

122 angular 

我一直想了解那些3： 主题，行为主题和重播主题。我想使用它们，并且知道何时以及为什么使用它们的好处是什么，尽管我已经阅读了文档，观看了教程并搜索了google，但我对此一无所知。 那么他们的目的是什么？最好是一个真实的案例，它甚至不必编写代码。 我希望给出一个清晰的解释，而不仅仅是“ a + b => c您已订阅...。” 谢谢

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

我正在使用Beta版本制作AngularJS 2应用程序。我想表明我的页面对象的JSON表示，但它表明[Object Object]，不 {key1:value1 ....} 从组件中，我可以使用： get example() {return JSON.stringify(this.myObject)}; 然后在模板中： {{example}} 但是，如果我有一个对象数组，并且想打印这些对象的列表，该怎么办？ 使用： <ul> <li *ngFor="#obj of myArray">{{obj}}</li> </ul> 结果如下： -[对象对象] -[对象对象] -[对象对象] -[对象对象] 等等。有没有办法将其显示为JSON？

122 json  angular 

我们可以在angular2视图模板中使用枚举吗？ <div class="Dropdown" dropdownType="instrument"></div> 传递字符串作为输入： enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } 但是如何通过枚举配置呢？我想要在模板中这样的东西： <div class="Dropdown" dropdownType="DropdownType.instrument"></div> 最佳做法是什么？ 编辑：创建了一个示例： import {bootstrap} from 'angular2/platform/browser'; import {Component, View, Input} from 'angular2/core'; export enum DropdownType { instrument …

122 enums  angular  angular2-template 

我希望div使用CSS从右角2滑入。 <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> 如果我仅使用[ngClass]来切换类并利用不透明性，则可以正常工作。但是li不想从一开始就渲染该元素，因此我先用ngIf“隐藏”了它，但是之后过渡就无法正常工作。 .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out ; -o-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; margin-left: 1500px; width: 200px; opacity: …

121 css  angular  angular-animations 

我正在使用Angular 4 HttpClient将请求发送到外部服务。这是一个非常标准的设置： this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } 问题是，当请求失败时，我会Http failure response for (unknown url): 0 Unknown Error在控制台中看到一条通用 消息。同时，当我检查Chrome中失败的请求时，我可以看到响应状态为422，并且在“预览”选项卡中，我看到了描述失败原因的实际消息。 如何访问我在chrome开发工具中看到的实际响应消息？ 这是演示问题的屏幕截图：

121 angular  typescript 

我正在使用此方法的服务： export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } 在组件的构造函数中，我这样订阅： export class MyComponent { testModel: TestModel; testModelService: …

121 typescript  promise  angular  observable  rxjs 

在打字稿中，使用Angular 2，我需要导入两个具有相同名称但位于不同路径的类。 该项目太大，以至于我很难更改导出的类名。 有什么办法别名导入的类， import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'

121 angular  typescript  ionic2 

我想在使用Angular 2的表单中使用单选按钮 Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options初始值为1 加载页面时，未选中第一个单选按钮，并且修改未绑定到模型 任何想法 ？

120 forms  radio-button  angular 

我想在我的Angular项目中使用Chart.js。在以前的Angular2版本中，我一直使用'chart.loader.ts'来做到这一点，它具有： export const { Chart } = require('chart.js'); 然后在组件代码中，我只是 import { Chart } from './chart.loader'; 但是升级到cli 1.0.0和Angular 4之后，出现错误：“找不到名称'require'”。 重现该错误： ng new newapp cd newapp npm install chart.js --save echo "export const { Chart } = require('chart.js');" >> src/app/chart.loader.ts ng serve 在我的“ tsconfig.json”中， "typeRoots": [ "node_modules/@types" ], 在“ node_modules/@types/node/index.d.ts”中有： declare var …

120 angular  angular-cli 

我希望在Angular2页面上添加一些链接，单击这些链接将跳到该页面内的特定位置，就像普通的标签一样。因此链接将类似于 /users/123#userInfo /users/123#userPhoto /users/123#userLikes 等等 我认为我不需要HashLocationStrategy，因为我对正常的Angular2方式很满意，但是如果直接添加，链接实际上将跳转到根目录，而不是在同一页上的某个地方。任何方向表示赞赏，谢谢。

120 routing  angular  hashtag