【javascript – 在Angular.js中动态加载模板(部分)】教程文章相关的互联网学习教程文章

javascript – Angular2应用程序无法在Microsoft边缘工作【代码】

我的angular2应用程序不适用于Microsoft边缘,而它在chrome和firefox上运行良好. 我看了this问题,但它没有帮助我. 我在Edge控制台上收到以下错误:以下是package.json文件:{"name": "angular app","version": "1.0.0","scripts": {"start": "concurrently \"tsc -w\" \"lite-server\" ","lite": "lite-server","tsc": "tsc","tsc:w": "tsc -w","publish": "gulp agnular_Production_Version" }, "licenses": [{"type": "MIT","url"...

javascript – 如果它们不是Angular2中的父子组件,如何在组件之间传递数据?

我有2个组件,它们不是子组件,只是独立组件.我想将数据从Component1传递给Component2.可能吗?我怎么能实现这个?你能给我一个例子或者一篇文章的链接吗?我发现了很多文章,但它们都是关于父子组件的.解决方法:如果组件之间没有父子关系,那么您有两个选项可以在组件之间传递数据 >共享服务> Ngrx套件(Redux) 现在什么时候使用,如果您的应用程序大小是中等到小,请使用行为主题或重放主题进行共享服务.请查看此link以了解有关行为主题...

javascript – angularJS:如何恢复/阻止单选按钮事件?【代码】

我在http://jsfiddle.net/S2kc7/1/中有一个(非工作)示例<radio ng-model="value" ng-value="foo"> <radio ng-model="value" ng-value="bar">如果用户不批准,我想恢复到以前的状态. 例如,如果在用户点击“bar”之前ng-model =“value”在“foo”上,然后用户选择取消,我想阻止该事件,并保持“value = foo”,没有任何改变或观看. 我试过了:$scope.$watch('value', function(){ newvalue = oldvalue }) $scope.clicked = function($ev...

javascript – Angular 2:向ngModelGroup添加验证器【代码】

我正在使用ngModelGroup指令将多个表单输入组合在一起. 在文档(https://angular.io/docs/ts/latest/api/forms/index/NgModelGroup-directive.html)中,我读到有一个验证器:任何[]属性. 这是否意味着我可以添加一个自定义验证器函数,该函数仅验证该ngModelGroup?如果是这样,我该如何使用它? 这将是非常棒的,因为我想检查是否至少检查了ngModelGroup中的一个复选框.我无法使用必需,因为这意味着所有复选框都是必需的.我在文档中找不...

javascript – 使用AngularJS中的ngInfiniteScroll指令实现反向无限滚动【代码】

我想在这里使用ngInfiniteScroll指令:http://binarymuse.github.io/ngInfiniteScroll/在我的angular js应用程序中实现反向无限滚动(就像在聊天小部件中一样).但是,该指令的文档似乎没有提到如何实现.它仅记录了如何实现标准无限滚动.有人可以在这方面指导我吗?谢谢! P.S:我热衷于使用这个指令,因为它处理DOM控件;来自angular的标准无限滚动指令在滚动时不断创建DOM元素,永远不会删除.解决方法:我认为你应该采用基于模型的方法(...

javascript – angular2 – 将值从父路由传递到子路由【代码】

我有一条名为home的路线,它有三条儿童路线,文件,邮件和垃圾.在归属路由组件中,它有一个名为“user”的变量.我知道有几种方法可以在突出显示here的父组件和子组件之间传递信息,但我想如何在父/子路由之间传递信息.{ path: 'home', component: HomeComponent, children: [{ path: 'documents', component: DocumentsComponent },{ path: 'mail', component: MailComponent },{ path: 'trash', component: TrashComponent },] },服...

javascript – 调试Protractor-Angular同步问题的典型方法【代码】

问题描述: 我们最近在Protractor端到端测试中打开应用程序中的一个页面时遇到了这个臭名昭着的错误:Failed: Timed out waiting for asynchronous Angular tasks to finish after 50 seconds. This may be because the current page is not an Angular application.这发生在browser.get(“/ some / page /”);在我们的一个测试中打电话:describe("Test", function () {beforeEach(function () {browser.get("/some/page/");});it...

javascript – Angular 2/4设置焦点在输入元素上【代码】

如何通过(点击)事件设置对输入的关注?我有这个功能,但我显然缺少一些东西(角度新手在这里)sTbState: string = 'invisible'; private element: ElementRef; toggleSt() {this.sTbState = (this.sTbState === 'invisible' ? 'visible' : 'invisible');if (this.sTbState === 'visible') {(this.element.nativeElement).find('#mobileSearch').focus();} }解决方法:您可以使用@ViewChild装饰器.文档位于https://angular.io/api/core/...

javascript – 如何以编程方式使用AngularJS提交表单【代码】

我已经制定了一个特殊类型的提交按钮的指令,该按钮可以在提交表单时进行监视,然后禁用该按钮并获得一个很好的动画进度条. 当通过按下提交按钮或在其中一个字段中按Enter键提交表单时,这一切都正常工作,onsubmit处理程序被调用就好了. 问题:在我的一个表单中,我有一个textarea,我想在用户按下回车键时提交.所以我做了一个onEnter指令,只是寻找正确的按键然后执行一个函数.<form name="form" ng-submit="controller.submit()"><text...

javascript – AngularJS中的jQuery触发器等效项【代码】

我在我的项目中使用AngularJS,我不想包含jQuery.我想在AngularJS中执行相当于jQuery的jQuery$('.someclass').trigger('create');我在网上搜索但找不到一个.解决方法:AngularJS内置了jqLit??e.请参阅文档以查看可用的方法 Angular jqLite 对于您的场景: $将无法在angularJS中工作,angular.element相当于$.但jqLit??e非常有限,不支持“id by selectors”,这意味着你不能简单地使用angular.element来按类或id选择元素var element = a...

javascript – 在Angular2项目中集成Treant-js【代码】

我正在尝试在Angular2项目中使用treant-js,而我正在努力如何正确地集成它. 我有一个工作的vanilla JavaScript / HTML示例,我正在尝试在Angular2中工作. 我创建了一个组件,从npm添加了treant-js和raphael,并将它们导入到组件中.import * as Raphael from 'raphael'; import * as Treant from 'treant-js';我已经设置了html模板和相应的css来匹配独立的javascript项目.<div class="tree-wrapper" ><div class="chart" id="test-tree"...

javascript – AngularJS ng-repeat数组数组【代码】

是否可以将ng-repeat与数组一起使用? 这是我的观点:<div ng-repeat="item in items"><p>{{item}}</p><ul><li ng-repeat="i in item.items">{{i}}</li></ul> </div>这是我的控制器:var app = angular.module('plunker', []);app.controller('MainCtrl', function($scope) {$scope.items = [[1, 2, 3],[4, 5, 6],[7, 8, 9]]});这是我的Plunker: http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview 我该如何输出: > 1> 2> 3 >...

javascript – Angular ui-select只过滤一个字段【代码】

情况: 我有一个角度应用程序使用angular ui-select来搜索和选择数据库中的人. 除了一件事,它工作得很好.用户应该能够使用两个标准在人员之间进行过滤:姓名和电子邮件. 使用普通角度滤波器,我只能过滤其中一个.如果我尝试过滤这两个字段,它就不再起作用了. 具有一个字段的工作示例:<ui-select multiple ng-model="database_people.selectedPeople" theme="select2" ng-disabled="disabled" style="width:100%"><ui-select-match ...

javascript – 将范围变量连接到angular指令表达式中的字符串【代码】

我在角度ng-click指令中使用范围方法,如下所示:<a ng-click="$navigate.go('#/path/obj.val1/obj.val2')">{{obj.val1}}, {{obj.val2}}</a>这里的问题是obj.val1和obj.val2被解释为传递给表达式中方法的字符串的一部分.我需要将它们作为它们的变量进行评估……我不确定这里的正确方法是什么. 是否有一种角度方式将这些值连接到该字符串/表达式? 我只是“做错了”?解决方法:目前还不是很清楚问题是什么以及你试图从你发布的代码中...

javascript – 如何同步Angular2 http get?【代码】

我理解使用observable我可以在请求完成时执行一个方法,但是我怎么能等到http get完成并使用ng2 http返回响应?getAllUser(): Array<UserDTO> {this.value = new Array<UserDTO>();this.http.get("MY_URL").map(res => res.json()).subscribe(data => this.value = data,err => console.log(err),() => console.log("Completed"));return this.value; } 返回时,“value”将为null,因为get是异步的..解决方法:您不应该尝试使http调用...

加载 - 相关标签
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 全部