Questions tagged «angular-directive»

5
什么是AngularJS指令?
我花了很多时间阅读AngularJS文档和一些教程,对于文档的难懂性,我感到很惊讶。 我有一个简单的,可以回答的问题,对于其他希望使用AngularJS的人也可能有用: 什么是AngularJS指令? 某个地方应该有一个简单,精确的指令定义,但是AngularJS网站提供了这些令人惊讶的无用定义: 在主页上: 指令是AngularJS中可用的独特而强大的功能。指令可让您发明特定于您的应用程序的新HTML语法。 在开发人员文档中: 指令是教授HTML新技巧的一种方法。在DOM期间,编译指令将与HTML匹配并执行。这允许指令注册行为或转换DOM。 具有讽刺意味的是,有一系列关于指令的讨论,似乎是在假定读者已经理解了它们是什么。 任何人都可以提供什么是指令的精确定义以供参考: 它是什么(请参阅jQuery的清晰定义作为示例) 打算解决哪些实际问题和情况 它体现了什么设计模式,或者如何适合AngularJS的MVC / MVW任务。

11
如何扩展/继承组件?
我想为已经部署在Angular 2中的某些组件创建扩展,而不必几乎完全重写它们,因为基础组件可以进行更改,并希望这些更改也能反映在其派生组件中。 我创建了这个简单的示例,以尝试更好地解释我的问题: 具有以下基本组件app/base-panel.component.ts: import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } 您是否要仅创建另一种派生成分,例如,在示例颜色的情况下,基本成分的行为为app/my-panel.component.ts: import {Component} from 'angular2/core'; import …

5
在angular2中有禁用ng的方法吗?
我正在使用angular2进行开发,想知道ng-disabled在angular2中是否还有其他选择。 对于前。下面的代码在angularJS中: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> 只想知道如何实现此功能?有输入吗?


3
检查组件上是否存在输出
考虑以下组件: @Component({ selector: 'app-test' template: 'Hello!' }} export class TestComponent { @Output() readonly selectionChange = new EventEmitter<SomeTypeHere>(); } 致电: <app-test (selectedChange)="selectedChangeHandler($event)"></app-test> 请注意,我写的selectedChange不是正确的输出名称selectionChange。strictTemplates启用了标志的Angular 9 根本对我没有帮助。它无声地失败了。有趣的是,如果我对做了同样的事情@Input,则应用程序会捕获错误并且无法编译。 如果我尝试“侦听”不存在的内容,有什么办法抛出错误@Output?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.