【javascript – Angular – 模块化地定义所有服务】教程文章相关的互联网学习教程文章

javascript – AngularJS如何使用自定义HTML5元素标签和属性?【代码】

大多数浏览器似乎允许您创建您喜欢的任何元素标记,并将您喜欢的任何属性名称添加到元素中.例如:<!DOCTYPE html> <html> <body> <div my-attribute="has no data- prefix, but seems to behave like an attribute should"><br/><hello-world style="display:block;background:#eee">Hello Everybody</hello-world><goodby-world style="background:#faa">Default display is inline</goodbye-world> </div> </body> </html>以上显示...

javascript – 当我“服务”时,Angular CLI给我“TypeError:callbacks [i]不是函数”【代码】

我刚刚完成了Angular CLI的全新安装,以便尝试一下,我不知道是什么导致命令行上出现以下错误:PC:cobros Fran$ng serve ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **95% emitting/Users/Fran/Documents/Workspace/Repos/cobros/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:40callbacks[i](err, result);^TypeError: callbacks[i] is not a fun...

javascript – 如何在angularjs中发送多个FIles以及表单数据【代码】

我使用ng-file-upload来选择多个文件.但我的要求是我想将这些选定的文件作为文件列表附加到我的Js对象中,并通过REST将此对象发送到服务器.到目前为止,我的数据插入部分工作正常,没有文件名单. REST服务代码片段@POST @Path("/manual") @Produces(MediaType.APPLICATION_JSON) public boolean insertResults(testVO testResult) {for(Object o:testVO.getFiles()){//File access code goes here } }testVO.Java类private String ...

javascript – Angular 6:HTML表创建动态列和行【代码】

在这里使用Angular 6 我想要一些关于设计我的一个UI组件的输入.所以基本上我们已经在AngularJs中设计了当前功能,但在此使用Angular 6的新应用程序我想知道是否有更好的方法可以这样做. 以下是我想要设计的UI流程. 用户在顶部填写一个表单,基本上是一些文本框和下拉列表. 在上面的选择之后,我显示了一个HTML表,其中包含3个静态列和几个按钮,如下所示: ID类型Env添加列 -Delete Row 添加行 在Id,Type和...

javascript – 错误:ENOENT:没有Angular2和Express.js这样的文件或目录【代码】

我正在对this sample Angular2 app on GitHub做一些小修改,以便它使用Express.js而不是KOA.但是,当我尝试在FireFox中加载应用程序时,在nodemon控制台中会打印以下错误:Error: ENOENT: no such file or directory当localhost:8080的http请求触发* router处理程序时,Angular2应用程序开始加载,该处理程序返回index.html,然后触发一系列嵌套依赖项的回调,其中一个引发错误并暂停应用程序加载通过. 需要对GitHub示例中的代码进行哪些...

javascript – 将DOM操作与Angular控制器分离 – 需要最佳实践【代码】

试图找到构建Angular App的“最佳”方法我找到了几篇最佳实践文章.有了这个输入,我做了这个:angular.module('xApp', []) //..... some services, factories, controllers, .....directive('dirNotification',[ function dirNotification() {return {scope: {}, templateUrl: 'xNotification.html',replace: true,controller: 'CtrlNotification',link: function($scope){// if this is 'DOM manipulation, should be done here .....

javascript – 如何从Angular 6中的HttpErrorResponse获取正文?【代码】

我在Angular应用程序中创建了一个REST API调用,用于下载文件. 我将responseType设置为’blob’,因为我期待响应中的文件. 但是当服务器上没有可用文件时,响应的错误代码为404,即错误请求,并且正文中有一些消息. 但我无法解析来自body的错误消息,因为HttpErrorResponse在error.error中给出了一个blob对象 如何从错误对象而不是blob中获取实际正文. 也有任何方法配置角度,在api调用成功解析blob中的请求,否则解析它在json ??? 希望得到...

javascript – 是否有可能在angularfire中使用.sort(compare)和.reverse数组?【代码】

更新:我遇到的问题是做三件事的组合: >当$priority(设置为创建日期)更改时,向数组添加标头.这样我就可以在ng-repeat中按周和日分组任务.>在检查任务时选择该列表.检查的任务应该放在最底层.>创建新任务时,我需要将它们添加到列表顶部而不是底部. 这是所有代码的一部分:http://plnkr.co/edit/A8lDKbNvhcSzbWVrysVm 我正在使用priorityChanged函数根据比较任务的日期添加标头: //控制器 var last = null; $scope....

javascript – Angularjs groupBy orderBy【代码】

我使用angular-filter中的groupBy按日期属性对对象数组进行分组.<div ng-repeat="(day, dayEvents) in events | groupBy: 'date' )"><h3>{{ day | date: mediumDate }}</h3> </div>产生以下内容:Feb 9, 2015 Feb 10, 2015 Feb 11, 2015 Feb 12, 2015 如何从最近的日期开始撤销订单?当我打印到控制台时,阵列打印出我想要的顺序:Object {1423699200000: Array[1],1423612800000: Array[7],1423526400000: Array[11],1423440000...

javascript – Angular orderBy Date【代码】

我有一个数组,我想在Angular.js中按日期排序:<tr ng-repeat="er in vm.readerFeeds | orderBy:'-publishedDate'"><td>{{er.publishedDate}}</td> </tr>该清单不是正确的.我认为日期格式是原因? 日期格式为:Sat, 09 Nov 2013 04:26:55 -0800解决方法:要使orderBy工作,您需要在控制器中使用新日期(/ ** /)的对象包装字符串日期. 例如:$scope.vm.readerFeeds = [{//.....publishedDate: new Date(/*your string date*/);},{//.......

javascript – AngularJs,过滤不区分大小写【代码】

我有一个json充满了小写和大写的数据.例如 :[{ "firstName":"JoHn" , "lastName":"DoE" }, { "firstName":"aNnA" , "lastName":"smIth" }, { "firstName":"PeTer" , "lastName":"JOnes" }]而且我有类似的东西:Search: <input ng-model="searchText"><table id="searchTextResults"><tr><th>Name</th><th>Phone</th></tr><tr ng-repeat="friend in friends | filter:searchText"><td>{{friend.firstName}}</td><td>{{friend.lastN...

javascript – 如何在Angular 2中使用jQuery UI【代码】

因为我想在我的应用程序中加入拖放功能,所以我决定将jQuery UI导入我的Angular 2项目. 首先,我开始通过执行以下操作导入jQuery本身:import { ElementRef } from '@angular/core'; declare var jQuery:any;ngOnInit() {jQuery(this._elRef.nativeElement).find('ul.tabs').tabs(); }这非常适合初始化东西.但是,当我尝试.draggable()函数时,我收到以下错误: jQuery(…).draggable不是一个函数 我怎样才能做到这一点?我阅读了很多方...

javascript – Angular4:如何访问本地json?【代码】

在Angular2中,你可以在那里有一个文件夹/ data /和一个json文件,你可以在localhost:4200 / data / something.json访问它. Angular4中不再可能这样. 任何想法如何让它工作?解决方法:你可以使用这段代码@Injectable() export class AppServices{constructor(private http: Http) {var obj;this.getJSON().subscribe(data => obj=data, error => console.log(error));}public getJSON(): Observable<any> {return this.http.get("./...

javascript – 使用go函数在状态之间传递数据的Angular UI-Router不起作用【代码】

我刚开始学习angularjs,我正在使用angular-ui-router.我试图使用$state.go将数据从一个州发送到另一个州,但我没有成功.这是我到目前为止: 我没有故意包含html,因为我认为如果需要它不需要请告诉我,我会添加它. 我已将状态配置如下:$stateProvider.state('public', {abstract: true,templateUrl: 'App/scripts/main/views/PublicContentParent.html'}).state('public.login', {url: '/login',templateUrl: 'App/scripts/login/vie...

javascript – Angular 2最终版本路由器单元测试【代码】

如何使用karma和jasmine对Angular 2.0.0版中的路由器进行单元测试? 这是我的旧单元测试在版本2.0.0-beta.14中的样子import {it,inject,injectAsync,beforeEach,beforeEachProviders,TestComponentBuilder } from 'angular2/testing';import { RootRouter } from 'angular2/src/router/router'; import { Location, RouteParams, Router, RouteRegistry, ROUTER_PRIMARY_COMPONENT } from 'angular2/router'; import { SpyLocation...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部