TOGOUTECH

javascript - 在 Angular 中动态创建元素

我的javascript经验很少。我需要在单击某个项目时添加一个菜单。我们被要求从头开始构建它,而不使用任何库,如bootstrap组件或JQuery。我们正在使用Angularjs。在Angular上,我想知道创建新元素的正确方法。类似于我们没有的document.createElement。我正在添加一些代码,以便你们更好地了解我想要做什么。菜单指令.directive('menu',["$location","menuData",functionfactory(location,menuData){return{templateUr

javascript - Angular js中的日期格式

我正在使用Angular以这种格式显示日期{{date}},date:\'MM-dd-yyyyHH:MM:ss\如何使用Angular显示Jan-dd-yyyy有没有什么直接的方法可以使用angularjs-(使用我能做的普通jquery) 最佳答案 使用日期的Angular过滤器。{{date|date:'MM-dd-yyyyHH:MM:ss'}}请参阅以下链接。http://docs.angularjs.org/api/ng.filter:date 关于jav

javascript - MatDialog 服务单元测试 Angular 6 错误

我有模式服务来打开、确认和关闭对话框,我正在制作它的单元测试文件,但我在Angular上遇到错误,这是代码。modal.service.ts@Injectable()exportclassModalService{constructor(privatedialog:MatDialog){}publicopen<modalType>(modalComponent:ComponentType<modalType>):Observable<any>{letdialogRef:MatDialogRef<any>;dialogRef=this.di

javascript - Angular 4 到 Angular 5 找不到模块 '@angular/router'

我正在从Angular2升级到Angular5。升级后,我在ts文件中看到以下错误。在angular5中,我需要删除@angular/core和@angular/router升级后还提供package.json在下面提供我的错误和代码片段。你能告诉我如何解决吗?错误[ts]找不到模块“@angular/core”。[ts]找不到模块“@angular/router”。代码import{Component,ElementRef,Input,Output,EventEmitter,Inject,OnInit,ViewChild}from'@angular/core';imp

javascript - Angular2 - 防止复选框被选中

我有一个表,每行包含一个复选框。在表格标题中,我有一个CheckAll复选框,用于切换所有表格行框。我正在尝试实现一些逻辑,如果复选框的数量将超过特定限制,则显示错误并且不切换表行复选框或checkall框本身。有一个问题允许选中checkAll框,即使我返回的是false。我的绑定(bind)有问题?HTML:<inputtype="checkbox"name="checkAll"[(ngModel)]="checkedAll"(ngModelChange)="toggleAllEmployees($event)"

javascript - 如何使用 Angular 的 ngFor 实现项目重新排序/随机播放动画?

Vue用户很容易实现这样的itemshuffle动画,查看他们的官方文档:我搜索了很多,但找不到适合Angular用户的解决方案。ngFor似乎在洗牌时切换项目内容而不是移动项目。这是我的演示:http://embed.plnkr.co/3IcKcC/当您点击shift时,由于li{transform:all1s;},您应该会看到项目移动动画。但是当你洗牌时,没有动画。所以我在这里寻求解决方案。 最佳答案 这是此类功能的简单实现PlunkerExample1)构建指令@Directive({selector:'[transi

javascript - 为什么我不能在 angular 2 组件中加载谷歌地图?

这是我的ts组件:import{Component,OnInit,Output,EventEmitter}from'@angular/core';declarevargoogle:any;@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css'],})exportclassAppComponentimplementsOnInit{title='Dashboard';p

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息。给定以下parent:parent.component.tsimport{Component,OnInit}from'@angular/core'import{REACTIVE_FORM_DIRECTIVES,AbstractControl,FormBuilder,FormControl,FormGroup,Validators}from'@angular/forms'@Component({moduleId:module.id,selector:'parent-cmp

javascript - 小写字符串 Angular

我似乎无法解决的非常简单的问题,我的标记<selectclass="testing"ng-model="Car_name"ng-options="itemincategories['Car_name']">我正在尝试将“Car_name”更改为“car_name”,但是服务器填充了ng-model&categories[]条目,所以我不确定如何在我的Controller中观看和转换为小写字母。如果我能做到{{Car_name|lowercase}}会是最简单的,但不确定格式。 最佳答

javascript - 带有禁用字段的 Angular 表单验证

我有一个Angular验证场景,其中一个字段需要有效,除非它被禁用,在这种情况下它应该被忽略。(我正在使用ng-messages进行演示,它不会影响表单/字段的$errors状态)。当字段被禁用时,我们如何清除max和required错误?<formname="myForm"><label><inputtype="checkbox"ng-model="disable">disablefield</label><br><inputname="width"typ