angular-directive相关内容
@Component({选择器:'.donation',模板:`给我买一杯咖啡.`})导出类 DonationComponent{}@指示({选择器:'[移动]'})导出类 MoveDirective{} 嘿,我想在 MoveDirective 和 Donat
..
在 AngularJs 中,我们可以将指令属性设为必需.我们如何使用@Input 在 Angular 中做到这一点?文档没有提到它. 例如 @Component({选择器:'我的目录',模板:'
'})导出类 MyComponent {@Input() a: 数字;//使其成为必需属性.如果不存在则抛出异常.@Input() b: 数字;} 解决方案 检查ngOnI
..
我正在尝试这样做 @Directive({选择器: '[myVal][myCustomInputToComponent]',供应商: [{ 提供:NG_VALIDATORS,useExisting:forwardRef(() => MyVal),multi:true }]})导出类 MyVal 实现 OnInit、Validator {@Input() 输入:任意;构造函数(私有 el:Elem
..
我正在尝试编写一个指令来获取父控制器和父表单控制器并将它们作为单个对象传递给我的控制器,这就是我所拥有的: HTML:
ChildController1 父级:
{{self.parent}}
..
最近我开始使用 karma-jasmine 对我的打字稿代码进行单元测试.在为服务和一个简单指令创建并运行测试用例后,我为自定义指令创建了一个测试用例,该指令具有一个控制器(正在注入一个服务)并使用 4 个范围变量与外部世界进行通信. 这是一个简单的单元测试用例,用于检查指令是否正在呈现其模板. 在运行这个单元测试用例时,karma 抛出了一些错误 09 03 2016 19:59:
..
我可能只是试图一次组合太多“新手"概念,但我正在尝试使用 TypeScript 类编写自定义 Angular 指令.目前,我不想做任何非常有用的事情,只是一个 POC. 我有一个像这样的 TypeScript 文件: module App {'使用严格';导出类 appStepper {公共链接:(范围:angular.IScope,元素:angular.IAugmentedJQuery,
..
这是这个问题. 我正在尝试使用多个 行构建 HTML .我希望其中一些行由我的指令 myDirectiveA 呈现,而其他行由我的指令“myDirectiveB"呈现. 您可以在下面看到我的文件的样子.如果文件 path/to/myDirectiveA.template.html 中只有一个 行,则一切正常.但是一旦我在那里添加另一行,我就会收到以下错误: `angular.js:
..
我使用了启用和禁用表单的指令.这是在一个单独的打字稿文件中.代码如下:- import { NgControl } from '@angular/forms';从'@angular/core'导入{指令,输入};@指示({选择器:'[disableControl]'})导出类 DisableControlDirective {@Input('disableControl') set disabl
..
如果我有一个自定义指令 ParentDirective 和自定义组件 ChildComponent 排列如下: ...然后我可以在指令中使用 @ContentChild 来引用组件: @ContentChild(ChildComponent) child: ChildComponent; 请参阅此 StackBlitz 的工作原理.(它登录
..
我在使用离子框架实现角度计时器指令时遇到问题.http://siddii.github.io/angular-timer/ 当我使用 bower 或 google cdn 实现代码时,我没有任何问题. Plain Javascript Timer 示例
..
我正在尝试创建一个指令,通过添加指向以 @ 符号开头的子字符串的链接来修改元素的 innerHTML. 这是我迄今为止尝试过的, linkify.directive.ts 构造函数(私有 elementRef:ElementRef,私有渲染器:Renderer2){让 elementText = this.elementRef.nativeElement.innerHTML;//e
..
我遇到了以下 Plunker 来动态添加和删除组件.根据上面的链接和许多其他 SO 帖子,我知道如何访问输入和输出属性: this.compRef.instance.someProperty = 'someValue';this.compRef.instance.someOutput.subscribe(val => doSomething()); 而且我还有一个指令“appFont". i
..
我的应用程序上不仅有一个菜单栏需要在用户导航时进行绘制,我还有其他组件也需要进行绘制.我可以仅使用 routerLinkActive 来实现这一点吗? menu.html 选项1选项2
..
这个问题是关于限制/验证输入当用户将数据输入到类型为 number 的输入中时. 我遇到的问题是,当模型第一次加载时,任何整数或 1dp 的数字都只会以 1dp 呈现.例如,40 或 40.0 都显示为 40.0(而不是 40.00). 我添加了此代码,以便在用户键入新值后,它以 2dp 显示: 在模板文件中: (change)="setTwoNumberDecimal($ev
..
我的代码, 我的模型组件, @Component({选择器:'模态',templateUrl: './app/modal/modal.component.html',提供者:[HeaderClass]})导出类 ModalComponent {图像值:任意; 我想获取这个“imageValue"的值,但我不知道该怎么做.任何人都可以帮助我.谢谢. 解决方案 如果你想将数据发送到
..
有 控制器 常量 指令 服务 工厂 运行 配置 过滤器 angular.js 的功能.所有这些模块的调用顺序是什么? 解决方案 学习这个我做了一个小提琴观察 console.log 的行为.就像 应用配置 应用运行 指令设置 指令编译 (应用控制器依赖项) 服务 工厂 内部工厂 内部服务 应用控制器 过滤器 指令链接 过滤渲染(w
..
如何在 Angular 中使用 Google GeoChart?我想在 Javascript https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#Regions function drawRegionsMap() {var 数据 = google.visualization.arrayToData
..
我有一个遗留应用程序,它通过 jQuery 将一些内容插入到 DOM 中.我希望代码库的遗留部分负责编译它插入到 DOM 中的 html. 我可以使用 $compile 编译初始 html,但是任何由指令的模板或 templateUrl 添加的 DOM 元素都不会被编译,除非我调用 $scope.$apply() 来自指令本身. 我在这里做错了什么? 小提琴链接:http://j
..
我无法使指令在延迟加载的模块中工作.我已经阅读了文档,我只是将指令添加到我的主模块的声明数组中.该指令在该模块中按预期工作,但在延迟加载的模块中不起作用.它甚至可以防止由于模板错误而打开延迟加载的模块: 无法绑定到“myHighlight",因为它不是“p"的已知属性 这是我的 Plunker. 点击“转到子项"后检查控制台中的错误 解决方案 那是因为你的指令是在 AppModu
..
我在 Angular 2 应用程序的 HTML 模板中有一个元素.我给它添加了一个指令: HELLO; 我希望每当我将鼠标悬停在 div 上时,div 内的文本应该被更改,但它需要从 Directive 完成(鼠标悬停) 事件. 如何从 Directive 发出事件并将其捕获到父元素中? 解决方案 如果 myCustomDirective 有一个输出 @Output() som
..