【javascript – Angular2:得到子组件的数量 – 在生命周期中以及如何】教程文章相关的互联网学习教程文章

javascript-测试使用$routeParams作为URL参数的AngularJS服务【代码】

我正在使用Jasmine来测试我的服务.我的一项服务使用$routeParams作为URL参数.现在当我测试时,$routeParams变得不确定 这是我的服务代码this.getProjectFunction = function (options) {$http.get(rootUrl + $routeParams.projectName).success(options.success).error(options.error);};这就是我的测试的样子describe('App Service', function() {describe('App Service Tests', function(){var httpBackend, service, optionsSpy,...

javascript-AngularJS ng样式不起作用【代码】

我正在尝试使用AngularJS ng-style在div上应用背景色.我的颜色来自数据库.它对我不起作用.有谁能够帮助我.<div ng-controller="IndexCtrl"><div style="width: 500px;"><table class="table table-striped table-bordered table-condensed table-hover"><thead> <tr><th>ID</th><th>Name</th><th>Edit</th></tr></thead><tbody ng-repeat="color in colors"><tr ng-show="edit"><td><input type="text" ng-model="color.ID" n...

javascript-在服务中使用下划线进行AngularJS测试【代码】

这个问题已经在这里有了答案: > What does the underscores in _servicename_ mean in AngularJS tests? 1个我正在完成AngularJS教程的第5步,并在测试部分遇到了以下代码片段:describe('PhoneCat controllers', function() {describe('PhoneListCtrl', function(){var scope, ctrl, $httpBackend;// Load our app module definition before each test.beforeEach(modu...

javascript-子元素上的AngularJS动画第一次运行,第二次失败【代码】

我在这里遇到角度动画的怪异问题.我正在制作一个动画,该动画在屏幕之间转换并根据屏幕的“深度”更改方向. 棘手的部分是有两个部分,一个是静态的,另一个是移动的,这就是为什么我要像这样实现它.您会看到第一次工作正常,而第二次工作无效. ng-enter转换效果不好. 在这里您可以看到塞子: http://plnkr.co/edit/OC4rqA?p=info解决方法:我已经解决了这个问题,并且怀疑该问题与在$routeChangeStart中设置ltr和rtl类有关.看来ngView动画...

javascript-如何从AngularJS模板中的嵌套JSON数组中获取价值?【代码】

我下面有一些JSON数据:{ "tracks": [{"album": {"released": "2013","href": "spotify:album:3qGeRY1wt4rrLIt1YuSwHR","name": "The Marshall Mathers LP2 (Deluxe)","availability": {"territories": "AD AR AT AU BE BG BO BR CH CL CO CR CY CZ DE DK DO EC EE ES FI FR GB GR GT HK HN HR HU IE IS IT LI LT LU LV MC MT MY NI NL NO NZ PA PE PH PL PT PY RO SE SG SI SK SV TR TW UY"}},"name": "The Monster","popularity"...

javascript-我应该对AngularJS E2E测试使用什么?量角器或角度场景转轮或业力

在Protractor github上说“量角器是AngularJS的端到端测试框架”, 根据我在网上阅读的内容,AngularJS Scenario Runner已被弃用,不应使用 还是Karma,说实话,我用它来进行茉莉花测试,但我什至没有 确保它可以用于运行端到端. 那我该怎么用?量角器是答案,我应该使用它吗? AngularJS Scenario Runner是否已被弃用?解决方法:您可以使用testcafe.好处: >自动等待xhr请求,元素,动画等.您无需使用browser.wait,browser.isElementPresen...

javascript-AngularJS:过滤ng-repeat中的子内容【代码】

这是一个示例JSON代码:$scope.info = [{"name":"Category1", "data":[{"name":"Item1"}, {"name":"Item2"}]},{"name":"Category2", "data":[{"name":"Item3"}, {"name":"Item4"}]}];我将其放入列表中,这要感谢ng-repeat,并使用搜索框进行过滤,我还按类别对结果进行排序:<div ng-repeat="Cat in info"><h3>{{Cat.name}}</h3><ul><li ng-repeat="Item in Cat.data | filter:search" >{{Item.name}}</li></ul> </div>问题是:例如,当...

Javascript-实例化模块时使用angular-google-maps和错误【代码】

我在项目中使用http://angular-google-maps.org/. 添加到我的项目的步骤是:http://angular-google-maps.org/use. 当我运行项目时,浏览器会显示:Uncaught Error: [$injector:modulerr] Failed to instantiate module BeLiga due to: Error: [$injector:modulerr] Failed to instantiate module BeLiga.ligaControllers due to: Error: [$injector:modulerr] Failed to instantiate module google-map due to: Err...<omitted>...1...

javascript-如何在angularjs中的ng-grid中显示json数据【代码】

我是Angularjs的新手,我想使用ng-grid以网格形式显示从Web服务响应到JSON数据.我的代码在这里function TestController($scope, $http) { alert("test"); $http({url: 'http://my_Personal_Url',method: "POST",data: postData,headers: {'Content-Type': 'application/jsonp'}}).success(function (data, status, headers, config) {$scope.persons = data; // }).error(function (data, status, headers, config) {alert("test2"...

javascript-Angular指令中是否有Rails的each_with_index的等效项?【代码】

假设我在Angular中有这样的代码:<ul><li ng-repeat="person in people">{{person.name}}</li> </ul>引用这样的模型:[{name: "Dave"},{name: "Martha"} ]是否可以生成这样的DOM,其中id是人员的数组索引?:<ul><li id="person_1>Dave</li><li id="person_2>Martha</li> </ul>解决方法:您可以使用ng-repeat的$index属性. 例如<ul><li ng-repeat="person in people" id="person_{{$index + 1}}">{{person.name}}</li> </ul>

javascript-AngularJS中的级联表达式可用于ng-show,但不能用于ng-if【代码】

如果我使用ng-show来显示部分,但不能使用所需的ng-if,则以下代码块可以工作<div ng-controller="nullController"><button ng-click="p = 1">click to reveal next</button> </div><div ng-show="$$prevSibling.p == 1" ng-controller="nullController"><div>Appears based on previous sibling state</div><button ng-click="p = 1">click to reveal next</button> </div><div ng-show="$$prevSibling.p == 1" ng-controller="null...

javascript-扩展angularjs日期过滤器的日期格式【代码】

Angularjs提供了一个Date Filter用于格式化日期.如何获得以下格式的日期?dd(st || nd || th) mm yyyy 1st May 2014 1<sup>st</sup> May 2014我应该创建一个新的自定义过滤器,还是可以通过$filterProvider扩展日期过滤器的格式.哪种方法最好?解决方法:为了执行您要执行的操作,您需要一个过滤器,该过滤器在提供数字时提供序数,而仅凭序提供序数. https://github.com/chrisiconolly/angular-all-ordinal-filters(完全免责声明:我自...

javascript-angular.js选择输入框的过滤器类型【代码】

我在很短的时间内使用angular.js,有时我有一种感觉,我对html和javascript一无所知,因为在碰到我想像中的事情时,angular的几率很奇怪,而且可能非常简单. 这是我的头痛: 我当前的控制器scope.persons是…工厂从后端获取的人员的列表.使用ng-repeat可以很好地显示,并使用输入过滤器:<input ng-model='query.firstname'> // search by firstname <input ng-model='query.lastname'> // search by lastname<ul><li ng-repeat='person ...

javascript-Angular UI Modal控制器未暴露于指令【代码】

我需要创建一个可以在Angular UI模式内使用的指令.该指令还需要了解模态控制器,以便使用其功能.我现在所拥有的: JS:'use strict';var DemoApp = angular.module('DemoApp', [ 'ui.bootstrap' ]);DemoApp.controller('PageController', ['$scope', '$modal', function($scope, $modal){$scope.openModal = function(){var scope = $scope.$new(true);$modal.open({'templateUrl' : 'modal.html','controller' : 'ModalController'...

javascript-Facebook评论插件未显示在AngularJS中【代码】

查看此帖子底部的更新 我正在尝试在ng-repeat中实现Facebook评论框,并且显示时出现问题. 在Chrome中,直到单击刷新按钮后它才显示,而在IE10中,我根本无法显示它. 我的(简体)索引页:<!doctype html> <html lang="en" data-ng-app="eatsleepcode"><head><title data-ng-bind="pageTitle"><eat-sleep-code /></title><meta charset="utf-8" /><base href="/"><link rel="stylesheet" href="/style/jquery-ui.min.css" /><link rel="st...

周期 - 相关标签
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 全部