Questions tagged «angular-directive»

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

181 javascript  angularjs  angular-directive 

我想为已经部署在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 …

160 angular  typescript  inheritance  angular-directive 

我正在使用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> 只想知道如何实现此功能？有输入吗？

145 angular  angular-directive 

我刚刚开始使用Angular 2。 我想知道Angular 2中的组件和指令之间有什么区别？

86 angular  components  angular-directive  angular2-directives 

考虑以下组件： @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？

14 angular  angular-directive  angular9