angularjs-directive 相关问题

使用指令以驼峰命名法设置元素的属性值

我正在尝试从这样的指令向 angularJs 元素添加属性： element.attr('startOffset', val); 但是当我检查元素时，添加的属性是“startoffset”，其中“...

如何使用 Angular 2 将我的 json 数据导出为 pdf、excel

我已经从 Angular 2 网站创建了我的数据表。现在我想使用 Angular 2 框架将 json 数据导出到 PDF、Excel。 请给我建议如何实现该目标或任何链接，如果......

ng提交不起作用

我有一个 Angular 4 表单，我正在尝试提交数据 HTML 代码 我有一个 Angular 4 表单，我正在尝试提交数据 HTML 代码 <form class="form-horizontal" [formGroup]="signupForm" (ngSubmit)="onFormSubmit()" > <fieldset> <legend>Scheduler</legend> <!--- Gender Block --> <div class="form-group"> <label for="scheduleJob">Schedule Job</label> <input type="text" formControlName = "schedulejob" id="scheduleJob" placeholder="Schedule Job"> 按钮代码 <div class="form-group"> <button type="reset" class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-primary">Submit</button> </div> Scheduler.TS 文件 import { Component, OnInit } from '@angular/core'; import { Scheduler } from 'rxjs/Scheduler'; /* Import FormControl first */ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ selector: 'app-scheduler', templateUrl: './scheduler.component.html', styleUrls: ['./scheduler.component.css'] }) export class SchedulerComponent implements OnInit { //Gender list for the select control element private scheduleTypeList: string[]; //Property for the user private scheduler:Scheduler; private signupForm: FormGroup; constructor(private fb:FormBuilder) { } ngOnInit() { this.scheduleTypeList = ['Type 1', 'Type 2', 'Type 3']; this.signupForm = this.fb.group({ schedulejob: ['', Validators.required] , frequency: ['', Validators.required], days: ['', Validators.required], zone: ['', Validators.required], schedulerjobtype:['', Validators.required] }) } public onFormSubmit() { this.scheduler = this.signupForm.value; if(this.signupForm.valid) { this.scheduler = this.signupForm.value; console.log(this.scheduler); // alert(this.scheduler); /* Any API call logic via services goes here */ } //alert(this.scheduler); console.log(this.scheduler); } } 为什么在提交点击和警报时执行没有传递到 onFormSubmit 或 console.log 不打印值？ 就像我在评论中所说，如果您的按钮不在表单内，它将不会提交。 所以改为： <form> ... <button type="submit">Submit</button> </form> 但是，如果您做得有点不同，则可以将其放在外面，如本问题中所述。 我遇到了同样的问题，因为我没有使用 <form> 标签来包装我的表单。 您可以做的一个小技巧是在表单内放置一个辅助隐藏按钮，并让主按钮以编程方式单击辅助按钮： <form [formGroup]="form" (ngSubmit)="submit()"> ... <button type="submit" hidden #btn></button> </form> ... <button (click)="btn.click()">Submit</button> 您需要将按钮代码放入表单中，如下所示 <form class="form-horizontal" [formGroup]="signupForm" (ngSubmit)="onFormSubmit()" > <fieldset> <legend>Scheduler</legend> <!--- Gender Block --> <div class="form-group"> <label for="scheduleJob">Schedule Job</label> <input type="text" formControlName = "schedulejob" id="scheduleJob" placeholder="Schedule Job"> <!-- Button Code Here --> <div class="form-group"> <button type="reset" class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-primary">Submit</button> </div> <!-- Form ends here --> </form> 您还可以在提交按钮中使用表单属性。该属性使用表单的 id 来引用它： <form id="formID"> ... <button type="submit" form="formID">Submit</button> </form> 我遇到了同样的问题。经过一番努力后，我意识到我在按钮的单击方法中调用了 event.stopProgogation() 和 event.preventDefault() 。当用户单击按钮时，这些方法调用会阻止表单提交。我的问题的解决方案只是删除这些方法调用。 当这件事发生在我身上时，我确实检查了所有可能的方法。最后我发现解决方案是我没有在 app.module 文件中包含 FormsModule 。

将窗口 MutationObserver 与 Angular HostBinding 结合使用时，选项卡崩溃

在我的应用程序中添加 MutationObserver 时遇到了一个非常奇怪的错误。 我的 Angular 组件之一正在使用 HostBinding 到元素的 attr.style 属性，这工作正常......

如何在没有 Host Wrapper 标签的情况下动态加载组件

我正在使用 ViewContainerRef 类的“createComponent()”方法在 Drop Event 期间加载组件模板。一切正常，但它使用 Host Wrapper（选择器）标签加载组件。 b...

获取用户的输入并存储在变量中

我有一个 addButton 并且在点击事件之后这个按钮转换为输入元素。 我的想法是：用户输入一些东西，我将它存储在一个变量中。但它不起作用。 cli后没有alert...

除onload外的angular风格应用加载DOM标记后如何触发函数

我需要用基于角度的应用程序显示一个简单的当前时间。所以尝试了一个演示。 在 body onload 函数中执行该函数。 功能

How to use angular2 built-in date pipe in services and directives script files [重复]

我想在服务和指令脚本文件（不仅在 HTML 中）中使用 angular2 的日期管道。 有人有什么想法吗？ 由于一些政策限制，无法上传代码，对此感到抱歉。

访问 AngularJs 指令的属性

这是指令 （功能 （） { /** * 配置 */ var moduleName = 'eBayPartsFinder.directives.searchFilters'; /** * 模块 */ angular.module(moduleName, []).directive('searchFilters',

为什么 attr.disabled = "row?.statut === 'TRM' ? true: null" 没有禁用特定的行？

我想禁用不符合我的条件的行，但属性不返回单个禁用行 我想禁用不符合我的条件的行，但该属性不返回单个禁用行 <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> <mat-row *matRowDef="let row; columns: displayedColumns;" [class.disabled] = "row?.statut === 'TRM' ? true: null"></mat-row> 您可以禁用点击（如果有一些选择事件）并将样式应用于该行。 <mat-row *matRowDef="let row; columns: displayedColumns;" (click)="!row.statut" [ngStyle]="row.statut && {'background-color': 'lightgrey'}"> 禁用行示例 谢谢，那是我没有的替代品。完美的工作

我要定义这个功能出现的时间

我不知道如何设置功能时间。我正在使用角度。 assinarApenasDespacho() { 让 configDialog: configDataModalDialog = { titulo: "Atenção", mensagem: "Tem certeza que des...

Angular Calendar 在夏令时的不同时区不工作

我正在使用角度日历在周视图中显示时间，我可以在其中拖放和自定义时间。以下是角度日历中的示例代码：- 请注意，这只会发生在...

在 MultipleSelection 下拉列表 AngularJS 中显示选定的应用程序置顶

嗨~我有一个应用程序下拉列表，用户可以在其中选择最多 2 个应用程序，我希望选定的应用程序在滚动时始终保持在顶部，因为我需要分配顶部和底部 va...

无法读取未定义的属性（读取“长度”）angular

[在此处输入图片描述](https://i.stack.imgur.com/YX3ll.png) 我使用了可选链接，但该方法不适用于 ES6。 那么有人可以帮助我吗？

微调器没有出现

对于每个 HTTP 调用，我们都有角度应用程序和微调器（指示用户等待 API 响应）。 var reportApp = angular.module('reportApp', ['ui.bootstrap', 'ngSanitize']);

在 onInit 和 afterViewInit 期间返回未定义的 Angular JSON 数据（错误类型错误）

我是 Angular 的新手，我在导航栏组件中获得了类别和子类别的 JSON 数据。我有一个接受 Category 对象和

如何使用 angularJS 过滤器从选择值过滤表数据

我有一个包含状态列的表格，我想根据他们的状态过滤表格，我已经添加了选择元素来这样做。这是我下面的选择代码 我有一个包含状态列的表格，我想根据他们的状态过滤表格，我已经添加了选择元素来这样做。这是我下面的选择代码 <select class="form-control" ng-model="OrdinanceStatus"> <option value="">Select your option</option> <option value="1">Open</option> <option value="3">Amended</option> <option value="2">Due for amendment</option> </select> 这是表格，我正在考虑 ng-change 但我还不知道如何执行它 <div> <table class="table table-bordered" id="headerTableRevenue"> <thead> <tr> <td>LGU</td> <td>Title</td> <td>Status</td> </tr> </thead> <tbody> <tr ng-repeat="a in OrdinanceReport | filter:{Status: OrdinanceStatus.Value}:true"> <td>{{a.LGU}}</td> <td>{{a.OrdinanceTitle}}</td> <td>{{a.Status}}</td> </tr> </tbody> </table> </div> 我尝试将此过滤器语法放在 ng-repeat 中，但它没有像我预期的那样工作。 filter:{Status: OrdinanceStatus.Value}:true 尝试将您的过滤器表达式更新为以下 filter:{ Status: OrdinanceStatus }:true 参考 Plunker： https://plnkr.co/edit/zLh6dHY6cvipiBbw

我想创建 angular Chrome Extension Multi Page

所以我想创建这种类型的扩展，但是 ng build 之后的问题是我无法从弹出窗口打开新页面，因为我只有 1 个 html 文件 index.html。但我需要有另一个有角度的 htm ...

ngbDropdown ng-bootstrap在父组件内。

我的NgbDropdown是这样的

Angular8：如何过滤唯一记录

想要实现。想在下拉菜单中填充唯一的元素。问题描述：根据查询得到的记录中，有些值是重复的记录，但我无法在下拉菜单中显示唯一的值......。